一文带你解读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的基本用法
网站地址：http://www.shufengxianlan.com/qtweb/news16/355116.html

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

广告

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

猜你还喜欢下面的内容

自适应网站知识

各行业网站

食品包装设计　　 　邛崃做网站　　 　温江网站制作　　 　蓬溪网站建设　　 　成都微商城　　 　重庆服务器托管　　 　四川鸿达　　 　成都网站建设公司　　 　乐山做网站　　 　香港云虚拟主机　　 　培训网站方案　　 　成都服务器租用　　 　成都展柜制作　　 　西云服务器托管　　 　帝美豪门窗　　 　成都网站建设　　 　固迪佳新材料　　 　成都工装公司　　 　成都网站建设　　 　航空文化传媒