1.前言
本人在简书看到 紫荆峰 关于JavaScript的 知道点,挺清晰明朗。特此感谢,自己写 在我这 记录下,特加重印象。 我们来言归正传,最近学习了Javascrpt这门脚本语言,并进行了归纳总结,分享给大家。
2.正文
javascript具有的特点是:
(1)基于对象:它是一种对对象进行操作的一种脚本语言;
(2)跨平台:因为现在的软件市场上发布的应用商店的app基本上都是用html5、js、css等和Android,IOS技术相互混合的开发,具有良好的跨平台性,能够大大提高用户体验。
(3)良好的用户体验:如今日头条、百思不得姐等;
(4)动态性:可以让静态的页面具有动画效果,大大提高用户的使用量。
<1>学前掌握:
(1)HTML中添加js代码、注释方式、输出方式;
js代码的添加方式 有两种:
第一种:外部添加
<script type="text/javascript" src="js/wh.js"></script>
“src”表示js文件的路径:
绝对路径:从根目录开始连接的路径;
相对路径:不从根目录开始连接的路径;**
第二种方法:内部添加
<script type="text/javascript"></script>
注意:内不添加js代码,使用script标签,不能使用单标签,script标签可以使用多个,踏实按顺序执行,最后在代码后面加分号。
(2)注释方法
“//”:表示单行注释;
“/* /”:表示多行注释;
(3)输出方式
第一种:页面输出
document.write("hello world");
第二种:控制台输出(代码调试经常使用)
console.log("hello world");
第三种:提示框输出
alert(hello world);
<2>javascript中的数据类型:
(1)基本数据类型:
1.数字(Number):包括了浮点数和整数;
2.字符串(String):多个字符的有序序列,双引号和单引号的都是字符串;
3.布尔值:包括了true和false;
4.undefined:只有一个值(undefined),如果我们使用一个未定义的变量,会得到undefined的值,当定义了一个变量,但是没有定义初始值,我们也会得到undefined的值。
5.null:只有一个值null 代表什么都没有。
扩展:null和undefined的区别,如果变量的赋值为null,说明这个变量是存在的,只不过什么都没有,是空值。
非基本数据类型(对象)。
<3>document输出的标签:
//他们两个将标签以字符串输出出来
console.log("<div id='box'></div>");
alert("<div id='box'></div>");
<4>标识符(重点):
标识符:一串字符串(注意:字符串未必是标识符)
1、由字母、数字、下划线和$组成
2、不能以数字开头
3、不能是JS中的关键字和保留字
4、区分大小写
5、遵循驼峰原则(sunChangKai)
6、见名知意
作用:用来给变量、函数等命名的
保留字
关键字
![Uploading js中的关键字_659664.png . . .]
<5>数字和查看类型操作符:
//var 变量名;
//定义了一个名为num的变量
var num;
//num此时没有赋值,那么他的值是undefined
console.log(num);
//typeof 变量名
console.log(typeof num);
//定义一个名为num1的变量
var num1;
var num2;
//存储数据
num1 = 5;
num2 = 6;
console.log(num1);
console.log(typeof num1);
console.log(num1 + num2);
//Infinity:数据超过了JS可以表示的范围,是一个特殊的数字
var num3 = 1e308;// 1 x 10^308
console.log(num3);
num3 = 1e309;
console.log(num3);
console.log(typeof num3);
//Infinity与其他数据进行操作运算,结果还为Infinity
console.log(1 + Infinity);
//数字除以0得到Infinity
console.log(5 / 0);
//NaN:表示不是数字,但是其实它是一个特殊的数字
console.log(Infinity + (-Infinity));
console.log(typeof NaN);
//当运算操作符错误的时候一般会得到NaN
console.log(1 * "abc");
//NaN具有传染性
console.log(1 + 2 + NaN);
<6>falsey值和truthy值:
falsey值有:
(1)NaN;
(2)“”;
(3)0;
(4)false;
(5)undefined;
(6)null;