一、什么是JavaScript?
1.JavaScript(简称:JS)是一门跨平台、面向对象的脚本语言。是用来控制网页行为的,它能使网页可交互;
2.JavaScript和Java是完全不同的语言,不论是概念还是设计。但是基础语法类似;
3.JavaScript在1995年由Brendan Eich 发明,并于1997年成为ECMA标准;
4.ECMAScript 6 (ES6)是最新的JavaScript版本(发布于2015年)。
二、JavaScript引入方式
1.内部脚本
将JS代码定义在HTML页面中
(1)JavaScript代码必须位于<script></script>标签之间;
(2)在HTML文档中,可以在任意地方,放置任意数量的<script>;
(3)一般会把脚本置于<body>元素的底部,可改善显示速度。
2.外部脚本
将JS代码定义在外部JS文件中,然后引入到HTML页面中
(1)外部JS文件中,只包含JS代码,不包含<script>标签;
(2)<script>标签不能自闭合。
三、JavaScript书写语法
1.区分大小写
与Java一样,变量名、函数名以及其他一切东西都是区分大小写的。
2.每行结尾的分号可有可无
3.注释
(1)单行注释://注释内容
(2)多行注释:/*注释内容*/
4.大括号表示代码块
四、JavaScript输出方式
1.使用window.alert()写入警告框;
2.使用document.write()写入HTML输出;
3.使用console.log()写入浏览器控制台。
五、变量
1.JavaScript中用var关键字(variable的缩写)来声明变量。
2.JavaScript是一门弱类型语言,变量可以存放不同类型的值。
3.变量名规则
(1)组成字符可以是任何字母、数字、下划线(_)或美元符号($)》;
(2)数字不能开头;
(3)建议使用驼峰命名。
4.var特点
(1)作用域比较大,全局变量;
(2)可以重复定义。
5.注意事项
(1)ECMAScript 6新增了let关键字来定义变量。它的用法类似于var,但是所声明的变量,只在let 关键字所在的代码块内有效,且不允许重复声明。
(2)ECMAScript 6新增了const关键字,用来声明一个只读的常量。一旦声明,常量的值就不能改变。
六、数据类型&运算符
1.数据类型分为
原始类型和引用类型。
2.原始类型
(1)number: 数字(整数、小数、NaN(Not a Number));
(2)string:字符串,单双引皆可;
(3)boolean:布尔。true,false;
(4)null:对象为空;
(5)undefined:当声明的变量未初始化时,该变量的默认值是undefined。
3.typeof运算符
使用typeof运算符可以获取数据类型。
4.运算符
(1)算术运算符:+,-,*,/,%,++,--
(2)赋值运算符:=,+=,-+,*=,/=,%=
(3)比较运算符:>,<,>=,<=,!=,==,===
(4)逻辑运算符:&&,||,!
(5)三元运算符:条件表达式?true_value:false_value
5.==与===
==会进行类型转换,===不会进行数据转换
6.类型转换
(1)字符串类型转为数字:将字符串字面值转为数字,如果字面值不是数字,则转为NaN。
(2)其他类型转为boolean:
- Number:0和NaN为false,其他均转为true;
- String:空字符串转为false,其他均转为false;
- Null和undefined:均转为false。
七、流程控制语句
1.if...else if,,,else
2.switch
3.for
4.while
5.do...while
八、函数
1.介绍
函数(方法)是被设计为执行特定任务的代码块。
2.定义
(1)方式一:JavaScript函数通过function关键字进行定义,语法为:
(2)方式二:
3.注意
(1)形式参数不需要类型。因为JavaScript是弱类型语言;
(2)返回值也不需要定义类型,可以在函数内部直接使用return返回即可;
(3)JS中,函数调用可以传递任意个数的参数。
4.调用
函数名称(实际参数列表)
九、Array数组
1.Array
JavaScript中Array对象用于定义数组。
2.定义
(1)方式一:var 变量名 = new Array(元素列表);
(2)方式二:var 变量名 = [元素列表]。
3.访问
arr[索引] = 值
4.特点
(1)长度可变;
(2)可存储任意类型的数据。
5.属性
length:设置或返回数组中元素的数量。
6.方法
(1)forEach():遍历数组中的每个有值的元素,并调用一次传入的函数;
箭头函数(ES6):是用来简化函数定义语法的。具体形式为;(...)=>{...},如果要给箭头函数起名字:var xxx = (...)=>{...}
(2)push():将新元素添加到数组的末尾,并返回新的长度;
(3)splice():从数组中删除元素。
标签:...,false,定义,JavaScript,JS,运算符 From: https://www.cnblogs.com/yang-jc/p/17559759.html