1.与html结合方式
1.内部JS:定义<script>,标签体内容就是js代码。
2.外部JS:定义<script>,通过src属性引入外部的js代码文件。
注意:
1.<script>可以定义在html页面的任何地方,但是定义的位置会影响执行顺序。
2.<script> 可以定义多个。
3.同一标签,内部js与外部js同时存在,优先执行外部js,内部js不会被执行。
2.注释方法
- 单行注释:
//注释内容
- 多行注释:
/*注释内容*/
3.数据类型
- 原始数据类型:
1.number: 数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
2.string:字符串。字符串"abc" “a” ‘abc’
3.boolean:布尔类型。 true和false
4.null: 一个对象为空的占位符
5.undefined:未定义。如果一个变量没有给初始化值,则被默认赋值为undefined - 引用数据类型: 对象
4.变量
1.概念: 一小块存储数据的内存空间。
2.java/c/c++等语言是强类型语言,而JavaScript是弱类型语言。
强类型:在开辟变量存储空间时,定义了空间将来存储的数据的数据类型,只能存储固定类型的数据。
弱类型:在开辟变量存储空间时,不定义空间将来存储的数据类型,可以存放任意类型的数据。
3.语法:
var 变量名 = 初始值;
4.typeof运算符:获取变量的类型
注意:null运算后得到的是object
5.运算法
1.一元运算符:只有一个运算数的运算符。
++ -- +(正号) -(负号)
++、--:自增、自减)
+(-):正负号
注意:在JS中,如果运算数不是运算符所要求的类型,那么js引擎会自动的将运算数进行类型转换。
其他类型转number:
string 转 number: 按照字面值转换。如果字面值不是数字,则转为NaN(不是数字的数字)
boolean转number: true转为1、false转为0
2.算数运算符
+ - * / %
注意:"/"计算会得出小数
3.赋值运算符
= += -= *= /= %=
4.比较运算符
> < >= <= == ===(全等于)
比较方式:
1.类型相同:直接比较
字符串:按照字典顺序(ASCII)比较。按位逐一比较,知道得出大小为止。
2.类型不同: 先进行类型转换,再比较。
"123"==123 ----> true
=== 全等于,在比较之前,先进行类型判断,类型不同则为false
5.逻辑运算符
&&(与) ||(或) !(非)
其他类型转boolean:
1. number: 0或NaN为假,其它为真
2. string:除了空字符串(""),其它都为真
3. null 和 undefined都为false
4. 对象都为true
6.三元运算符
表达式1 ? 表达式2 :表达式3
判断表达式的值,如果是true则取值为值1,否则取值为值2
Tips: 与C语言中用法相似,但是表达式2不可省略。
6.流程控制语句
1. if ... else ...
2. switch
在JS中,switch语句可以接收任意的原始数据类型。
3. while
4. do ... while
5. for
7.JS特殊语法
1.语句以";"结尾,如果一行只有一条语句则";"可以省略(但不建议这么做)
2.变量的定义使用var关键字,也可以不使用。
用: 定义的变量是局部变量。
不用:定义的是全局变量。(不建议)