JavaScript基础
如何引入JavaScript
外联文件
<script src="引入的文件位置(本地文件位置或者远程链接)"></script>
内联文件
<script type="text/javascript">
js代码编写的位置
</script>
Js输出语句
用于基本的调试:
document.write() //向body中写入字符串
cosole.log() //向控制台输出
alert() //弹出框
基础语法
-
语句分号( ;)结尾,大括号包裹语句块(基本与Java语法类似)
-
严格区分大小写
-
没有添加分号时浏览器自动添加,但是消耗资源并且可能添加出错
注释
Hbuilder快捷键 Ctrl + / 添加注释**
-
单行注释://
-
多行注释:/* */
JavaScript基本数据类型
JavaScript 变量能够保存多种数据类型:数值、字符串值、数组、对象等
-
Number
- Js中只有一种数值类型Number
- Js中的Number可以表示十进制,八进制,十六进制整数,浮点数,科学记数法
-
Js中的Number基本类型可以精确表示的最大整数是2^53,BigInt可以表述任意大的整数
-
String
-
字符串被引号包围。可以使用单引号或双引号
-
Boolean
-
布尔值只有两个值
true false
,经常用在条件测试中 -
undefined
-
表示声明了但未赋值的变量,其值是
undefined
,typeof 也返回undefined
//已经声明的变量未赋值则成为undefined var a; console.log(typeof a); //结果为undefined
-
任何变量均可通过设置值为
undefined
进行清空。其类型也将是undefined
-
空值与 undefined 不是一回事,空的字符串变量既有值也有类型。
var car = ""; // 值是 "",类型是 "string"
-
-
null
-
null表示一个对象不存在,其数据类型为Object
//表示一个空对象 var a = null; console.log(typeof a); //结果为object
-
-
Object
-
Function
- Function是一个功能完整的对象,作为JS的内置对象之一。JS的普通函数都是Function对象的实例,所以函数本身也是一个对象,就像var一样,只不过这个对象具有可调用特征而已。
- function只是一个关键字,用来创建一个普通函数或对象的构造函数。
-
RegExp
-
RegExp 对象是带有预定义属性和方法的正则表达式对象
-
正则表达式,在 JavaScript 中,正则表达式常用于两个字符串方法:
search()
和replace()
search() //使用表达式来搜索匹配,然后返回匹配的位置。 replace() //返回模式被替换处修改后的字符串。
-
正则表达式修饰符
i //执行对大小写不敏感的匹配 g //执行全局匹配(查找所有匹配而非在找到第一个匹配后停止) m //执行多行匹配
-
-
Date
-
日期对象是一个静态的对象,计算机时间会不断变化,但日期对象不会
-
new Date()
用当前日期和时间创建新的日期对象,参数可以填year, month, ...
,用于指定日期和时间创建新的日期对象var d = new Date(2018, 11, 24, 10, 33, 30, 0); //变量分别为年、月、日、小时、分钟、秒和毫秒
-
-
JSON
-
JSON对象语法
{ "name":"Nya", "age":21, "car":null }
- JSON 对象被花括号
{}
包围 - JSON对象以键/值对的方式书写
- 键必须是字符串,值必须是有效的 JSON 数据类型(字符串、数字、对象、数组、布尔或 null)
- 键和值由冒号分隔
- 每个键/值对由逗号分隔
- JSON 对象被花括号
-
访问JSON对象值
-
使用点(
.
)访问对象JSON值myObj = { "name":"Nya", "age":21, "car":null }; x = myObj.name;
-
也可以使用户方括号(
[]
)访问JSON对象值myObj = { "name":"Nya", "age":21, "car":null }; x = myObj["name"];
-
-
遍历JSON对象
-
使用
for-in
遍历JSON对象myObj = { "name":"Nya", "age":21, "car":null }; for (x in myObj){ document.getElementById("demo").innerHtml += myObj[x]; }
-
对于嵌套的JSON对象,使用点号和括号访问嵌套的JSON对象
/***实例***/ myObj = { "name":"Bill Gates", "age":62, "cars": { "car1":"Porsche", "car2":"BMW"
-
-
-