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

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

[[428047]]

前言

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

JavaScript的基本用法

1.如何使用Js脚本

1).引入Js文件

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

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

2).标签中使用

<body><script >javascript 语句</script></body> 
<head><script >javascript 语句</script></head> 
  • 1.
  • 2.

2.数据类型

JavaScript的数据类型分为:

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

3.注释

1).单行注释

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

2).多行注释

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

4.特殊符号

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

5.变量声明

1).Var声明

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

2).Const 声明

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

3).Let 声明

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

6.控制结构语句

1).If ......Else

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

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

2).Do.....While

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

3).While

var i=1 
while(i<5){ 
    i++; 
    console.log(i) 

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.

4).For

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

  • 1.
  • 2.
  • 3.

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

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

6).Break、Continue

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

7).标签语句

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

var i=0 
label:while(i<10){ 
    i++; 
    if(i==5){ 
        break label; 

    else
        console.log(i) 


  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.

8).With语句

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

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

9).Switch语句

var aa=[1,2,3] 
    switch(aa){ 
        case 1:console.log(1); 
        break; 
        case 2:console.log(2); 
        break; 
        case 3:console.log(3); 
        break; 
        default:console.log('fas'); 

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.

10).For....of

for(let val of iterable){ 
console.log(val) 

  • 1.
  • 2.
  • 3.

11).For each ..... in

var sum = 0; 
var obj = {prop1: 5, prop2: 13, prop3: 8}; 
for each (var item in obj) { 
  sum += item; 

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

总结

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

 

责任编辑:姜华 来源: IT共享之家
相关推荐

2021-10-14 10:25:05

JavaScript类型函数

2021-10-28 10:26:35

Javascript 高阶函数前端

2021-09-07 09:46:40

JavaScriptGenerator函数

2021-09-02 10:24:54

JavaScript前端语言

2024-11-19 13:20:55

2021-12-29 17:38:17

JavaScripttypeof前端

2021-09-09 10:26:26

Javascript 文档对象前端

2019-08-06 09:00:00

JavaScript函数式编程前端

2022-12-20 07:39:46

2023-11-20 08:18:49

Netty服务器

2023-12-21 17:11:21

Containerd管理工具命令行

2021-09-06 10:21:27

JavaScript表单对象 前端

2024-12-23 14:46:24

2021-09-28 07:12:10

avaScriptCurrying柯里化

2021-05-29 10:11:00

Kafa数据业务

2023-07-31 08:18:50

Docker参数容器

2023-11-06 08:16:19

APM系统运维

2022-11-11 19:09:13

架构

2023-11-08 08:15:48

服务监控Zipkin

2023-10-27 08:15:45

点赞
收藏

51CTO技术栈公众号