学习环境
windows系统、webStorm软件
JavaScript
简称JS,
是一门脚本语言(不需要编译,直接执行),
是一门解释性的语言(一行一行解释及运行),
是一门动态类型的语言,是一门基于对象的语言,
是一门弱类型的语言
强类型(C#、C,类型声明时明确数据类型)
JS分三个部分:
1.ECMAScript标准:JS的基本语法
2.DOM
3.BOM
页面应该有什么代码?
html--展示内容,css--美化页面,js--控制页面
js代码书写位置
head、body标签内或html代码的最下方或内嵌于标签中。默认写于body标签内容底部(html页面加载-从上到下)。script标签包裹,若连接外部js,则标签内不可再有代码。
html页面可以有多个script标签,且互不影响。
变量
声明 -(var name) 初始化(var name=“jack”)
命名规范
1.有意义
2.字母、下划线或$开头,中间可有数字
3.一般小写(js区分大小写)
4.命名方式---驼峰命名法
5.不能使用关键字(var、break、 )
输出
alert() //弹框
console.log() //把内容输出在浏览器的控制台中 键盘F12键
变量值的交换
var number1 = 10;
var number2 = 100;
-------------------------------------
var temp = number1;
number1 = number2;
number2 = number1; //借助第三方变量进行交换
-------------------------------------
number1 = number1 + number2;
number2 = number1 - number2;
number1 = number1 - number2; //适用于数字的交换
------------------------------------ //拓展
number1 = number1 ^ number2;
number2 = number1 ^ number2;
number1 = number1 ^ number2; //位运算
webstorm 格式化代码
ctrl+alt+L (前提代码没有问题)
注释 — 解释代码的含义,方便其他程序员理解代码
1.单行注释 //
2.多行注释 /* */、/** */
数据类型(number、string、boolean、null、undefined、object)
变量声明了,但没有赋值,该变量类型 ------undefined
函数没有明确返回值,如果接收了,结果是--------undefined
undefined + 数字 = NaN(not a number) -----null
当 var num = null 时,num的类型为object
不要小数去验证小数!!!
不要用NaN去验证NaN
Number
获取数据类型 typeof()
typeof(变量名)
typeof 变量名
进制(二、0 八、十、0X 十六)
数字类型范围
console.log(Number.MAX_VALUE);
console.log(Number.MIN_VALUE);
验证NaN
console.log(isNaN(变量));
string
获取字符个数
var str = "asfcsfn";
console.log(str.length);
转义符 \
字符串的拼接
var str1 = "123";
var str2 = "456";
console.log(str1 + str2); ------>123456
---------------------------------------------------
var str3 = 10;
console.log(str1 + str3); ------>12310
console.log(str1 - str3); ------>113 隐式转换
boolean (true、false/ 1、0)
null (var a = null;)
类型转换
其它---->数字
parseInt()
parseFloat()
Number() //严格
其它---->字符串
.toString() //如果变量有意义
String() //如果变量没有意义
其它---->boolean
Boolean();
操作符
算数运算符
一元运算符(++、--) --只需要一个操作数就可以运算的符号
前+、后+,前-、后-
前,在表达式运算前计算,作用于当前的表达式
后,在表达式运算后计算,作用于当前表达式之后
二元运算符(+、-、*、/、//、%)
三元运算符(?:)
复合运算符
+= 、-=、*=、/=
关系运算符
>、<、>=、<=、==、===(严格)、!=、!==
逻辑运算符
&&、||、!