学习目标:
1.认识js
2.学会JavaScript基础语法
学习内容:
1.认识js
1.js
JavaScript 是一种运行在客户端的脚本语言 (Script 是脚本的意思)
脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行
现在也可以基于 Node.js 技术进行服务器端编程
浏览器分成两部分:渲染引擎和 JS 引擎
渲染引擎:用来解析HTML与CSS,俗称内核,比如 chrome 浏览器的 blink ,老版本的 webkit
JS 引擎:也称为 JS 解释器。 用来读取网页中的JavaScript代码,对其处理后运行,比如 chrome 浏览器的 V8
浏览器本身并不会执行JS代码,而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。
JS 引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以 JavaScript 语言归为脚本语言,会逐行解释执行。
2.js的组成
2.JavaScript基础语法
1.js里的注释
单行注释 //
多行注释
/*
*/
2.JavaScript 输入输出语句
3. 变量
var关键字
var 是一个 JS关键字,用来声明变量( variable 变量的意思 )。
var age = 10, name = 'zs', sex = 2;
变量名:
由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成,如:usrAge, num01, _name
严格区分大小写。var app; 和 var App; 是两个变量
不能 以数字开头。
不能 是关键字、保留字
变量名必须有意义。
遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。 myFirstName
4.数据类型
类型运行时确定,相同的变量可用作不同的类型
简单数据类型 (Number,String,Boolean,Undefined,Null)
复杂数据类型 (object)
转义字符
字符串长度
字符串是由若干字符组成的,这些字符的数量就是字符串的长度。通过字符串的 length 属性可以获取整个字符串的长度
var strMsg = "我是帅气多金的程序猿!";
alert(strMsg.length); // 显示 11
字符串拼接
//1.1 字符串 "相加"
alert('hello' + ' ' + 'world'); // hello world
//1.2 数值字符串 "相加"
alert('100' + '100'); // 100100
//1.3 数值字符串 + 数值
alert('11' + 12); // 1112
布尔型 Boolean
布尔类型有两个值:true 和 false ,其中 true 表示真(对),而 false 表示假(错)。
布尔型和数字型相加的时候, true 的值为 1 ,false 的值为 0。
Undefined 和 Null
typeof 可用来获取检测变量的数据类型
var num = 18;
console.log(typeof num) // 结果 number
5.类型转换
转换为字符串
转换为数字型
注意 parseInt 和 parseFloat 单词的大小写,这2个是重点
隐式转换是我们在进行算数运算的时候,JS 自动转换了数据类型
转换为布尔型
6.运算符
也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。
比较运算符
逻辑运算符
& 不管前面是不是false都会执行后面
&& 如果前面是false就不会再执行后面的
逻辑与&,无论左边真假,右边都要执行。
短路与&&,如果左边为真,右边执行;如果左边为假,右边不执行。
逻辑或|,无论左边真假,右边都要执行。
短路或||,如果左边为假,右边执行;如果左边为真,右边不执行
赋值运算符
运算符的优先级
一元运算符里面的逻辑非优先级很高
逻辑与比逻辑或优先级高