深入浅出：前端开发中的JavaScript基础入门

Javascript，简称Js

HTML三把利剑之一，浏览器可解析Js，看着和Java像，实则和Java并无关系，和Python、Go、C++等都是一门独立的语言。

一、Js基础

• 引入Javascript代码，类似于Python中import

（1）Javascript即Js,可放在head中

"UTF-8">

"apple-mobile-web-app-title" cOntent="标题"/>

（2）Js,可放在body中（建议放在body）

 head中引入JS与body中引入JS区别呢？

因HTML解析时，是自上而下依次解析，Js在head中，就会优先解析，若Js中文件过大，或是网络速度慢，将会容易导致页面出现空白，所以我们放在body的最下边最为合适，这样会优先加载以上其他的内容，最后在加载Js.

写在最下面要有底线，需要写在body内部的最底下，而不可以是body之外

 注意：

#错误示范

#正确写法

 当我们的标签已经是导入，就不要继续在标签中写函数了，因为写多少函数也是不生效的，并且导入的文件也不会生效；如果要写重新创建一个script标签在写。

 二、注释

 单行注释通过 //  多行通过 /* */，使用Pycharm：Ctrl+？，不需要关注这个注释

三、JS变量

（1）局部变量、全局变量

es5
var demo = '123' // 局部变量
demo = '456' // 全局变量

（2）常量

es6
const a = 1 //定义常量，定义后不可被修改，如修改则会报错

 （3）let

let demo='abc'

 let 与 var 有什么区别？

var声明变量后，Javascript会提前进行“预解析”，赋值成为：undefind

let声明变量后，不会被Javascript进行“预解析”

console.log(name) 相当于Python中的“print”
使用时，建议使用var,进行预解析后，我们在执行Js代码时，会忽略一些错误

四、字符串

（1）定义字符串

var str = '你开心就好'

（2）字符串拼接

var str='你开心就好'
var name='baibai'
var name_str=name+str
name_str

 （3）字符串操作

str.charAt(0)//根据角标获取字符串中的某一个字符 char字符

str.substring(1,3) //根据角标获取 字符串子序列 顾头不顾尾（大于等于x 小于y ）

str.length //获取字符串长度

str.concat('五月天') //拼接字符串,默认放在字符串末尾

str.indexOf('五月') //获取子序列的位置

str.slice(0,1) //切片 开始，结束 顾头不顾尾

str.toLowerCase() //变为小写

str.toUpperCase() //变为大写

str.split(',') //以指定的字符串进行分割，返回数组，参数2为取分割后数组的前多少个元素

展示：