一文带你解读​JavaScript的基本用法

前言

相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScript,因为它对做网页方面是有很大作用的。

JavaScript的基本用法

1.如何使用Js脚本

1).引入Js文件 在头部标签中导入脚本标签并指明脚本文件路径

<head><script src="XXX.js"></script></head>

2).标签中使用

1<body><script >javascript 语句</script></body> 2<head><script >javascript 语句</script></head>
2.数据类型

JavaScript的数据类型分为:

1string 2number 3boolean 4array 5object 6null 7undefined
3.注释

1).单行注释 以“//”开头,后面接注释语句,只能注释一行

2).多行注释 /* 注释语句,可注释多行 */

4.特殊符号
1\n 换行 2\t 制表符 3\b 空格 4\r 回车 5\f 换页符 6\\ 反斜杠 7\' 单引号 8\" 双引号 9\0 x 八进制代码x表示的字符(n是07中的一个八进制数字) 10\x x 十六进制代码x表示的字符(n是0F 中的一个十六进制数字) 11\u x 十六进制代码x表示的Unicode字符(n是0F 中的一个十六进制数字)
5.变量声明

1).Var声明

1var ss='fsdf' 外部声明的变量可在全局使用 2var ss 也可以不声明值,也不会产生错误,唯一的遗憾是会产生变量提升

2).Const 声明

const ss=123   不存在变量提升,可生成块级作用域 ,常用于声明常量,声明后必须赋值

3).Let 声明

let ss=123   不存在变量提升,可生成块级作用域,常用于声明变量
6.控制结构语句

1).If ......Else

1var aa=12 2if(aa>3){console.log(1)} 3else{alert(1)} 4可以看出与我们的Python语句略有不同。

2).Do.....While

1var i=1 2do 3 { 4 i++; 5 console.log(i); 6 } 7while(i<5) 83).While 9var i=1 10while(i<5){ 11 i++; 12 console.log(i) 13}

4).For

1for(let i=1;i<6;i++){ 2 console.log(i) 3}

5).For....In...

1#打印了document对象的所有方法 2 for(y in document) 3 { 4 console.log(y) 5 }

6.Break、Continue

1break 立即终止循环 2continue 退出当前循环进入下一个循环

7).标签语句 指的是标签后面的语句可由判断结果自行决定什么时候结束

1var i=0 2label:while(i<10){ 3 i++; 4 if(i==5){ 5 break label; 6} 7 else{ 8 console.log(i) 9} 10}

8).With语句 相当于Python中的上下文管理器

1var aa='fasdffsa' 2 with(aa){ 3 console.log(aa) 4 }

9).Switch语句

1var aa=[1,2,3] 2 switch(aa){ 3 case 1:console.log(1); 4 break; 5 case 2:console.log(2); 6 break; 7 case 3:console.log(3); 8 break; 9 default:console.log('fas'); 10}

10).For....of

1for(let val of iterable){ 2console.log(val) 3}

11).For each ..... in

1var sum = 0; 2var obj = {prop1: 5, prop2: 13, prop3: 8}; 3for each (var item in obj) { 4 sum += item; 5} 6print(sum); // 输出"26",也就是5+13+8的值 7 8 9obj.forEach(function(val,item,array){ 10 array[item]=val 11})

总结

这篇文章主要结束了JavaScript的导入、数据类型、注释、变量和控制语句。下一篇文章,我们继续介绍JavaScript,敬请期待!

点赞
收藏

评论区

加载中...

相关推荐

一文带你解读​JavaScript的引用类型和函数对象

前言相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScript,因为它对做网页方面是有很大作用的。1.引用类型相当于Java中的类创建实例过程,比如我要创建个对象,可以这样做:varobnewObject();

JavaScript基础加ES6语法

JavaScript一、什么是JavaScript当下最流行的脚本语言,在世界上的所有浏览器中都有js的身影,是一门脚本语言,可以用于我们与web站点和web应用程序的交互,还可以用于后台服务器的编写,例如node.js二、语法特点基于对象和事件驱动的松散型,解释型语言单线程异步三、JavaScript作用页面的交

一文解读JavaScript中的文档对象(DOM)

大家好,我是IT共享者,人称皮皮。前言相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScript,因为它对做网页方面是有很大作用的。1.文档对象(DOM)1).Document对象这是我们用的最普遍的一个文档对象了

盘点JavaScript中5个常用的对象

大家好,我是IT共享者,人称皮皮。前言相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScript,因为它对做网页方面是有很大作用的。JavaScript对象在JavaScript中有许多有用的对象,它们可以用来实现很

盘点JavaScript中那些进阶操作知识(上篇)

前言相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScript,因为它对做网页方面是有很大作用的。1.进阶操作这里列举了一些小编以前经常用到的一些例子以及一些经验,由于篇幅受限,这里我将会把部分执行结果的输出直接输入

盘点JavaScript中那些进阶操作知识(下篇)

相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScript,因为它对做网页方面是有很大作用的。大家好,我是IT共享者,人称皮皮。上篇文章给大家分享了盘点JavaScript中那些进阶操作知识(上篇