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

前言

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

JavaScript的基本用法

1.如何使用Js脚本

1).引入Js文件

在头部标签中导入脚本标签并指明脚本文件路径

 
 
 
    
  
  
  
  1.  
    2.

2).标签中使用

 
 
 
    
  
  
  
  1. javascript 语句 
    2. 
  
  
  
  2. javascript 语句 
    3.

2.数据类型

JavaScript的数据类型分为：

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

3.注释

1).单行注释

以“//”开头，后面接注释语句，只能注释一行

2).多行注释

/* 注释语句，可注释多行 */

4.特殊符号

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

5.变量声明

1).Var声明

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

2).Const 声明

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

3).Let 声明

 
 
 
    
  
  
  
  1. let ss=123   不存在变量提升，可生成块级作用域，常用于声明变量， 
    2.

6.控制结构语句

1).If ......Else

 
 
 
    
  
  
  
  1. var aa=12 
    2. 
  
  
  
  2. if(aa>3){console.log(1)} 
    3. 
  
  
  
  3. else{alert(1)} 
    4.

可以看出与我们的Python语句略有不同。

2).Do.....While

 
 
 
    
  
  
  
  1. var i=1 
    2. 
  
  
  
  2. do 
    3. 
  
  
  
  3.  { 
    4. 
  
  
  
  4.  i++; 
    5. 
  
  
  
  5.  console.log(i); 
    6. 
  
  
  
  6.  } 
    7. 
  
  
  
  7. while(i<5) 
    8.

3).While

 
 
 
    
  
  
  
  1. var i=1 
    2. 
  
  
  
  2. while(i<5){ 
    3. 
  
  
  
  3.     i++; 
    4. 
  
  
  
  4.     console.log(i) 
    5. 
  
  
  
  5. } 
    6.

4).For

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

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

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

6).Break、Continue

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

7).标签语句

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

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

8).With语句

相当于Python中的上下文管理器

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

9).Switch语句

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

10).For....of

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

11).For each ..... in

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

总结

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

当前标题：一文带你解读JavaScript的基本用法
URL链接：http://www.csdahua.cn/qtweb/news16/355116.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网

成都快上网为您推荐相关内容

标签优化知识

同城分类信息

广安网站建设　　 　成都包装设计公司　　 　四川发电机组　　 　设计网站　　 　重庆做网站　　 　成都电信服务器托管　　 　成都网站制作　　 　租用服务器　　 　新华建筑装饰　　 　卖友情链接　　 　成都橡塑保温管　　 　成都主机托管　　 　四川成都网站制作　　 　成都网站推广营销　　 　鑫友邦火锅桌　　 　西云主机托管　　 　成都微信公众号开发　　 　成都雪糕加盟　　 　做网站　　 　培训网站方案