前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >一文带你解读​JavaScript的基本用法

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

作者头像
前端皮皮
发布2021-10-20 14:53:18
2880
发布2021-10-20 14:53:18
举报

前言

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

JavaScript的基本用法

1.如何使用Js脚本

1).引入Js文件

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

代码语言:javascript
复制
<head><script src="XXX.js"></script></head>
2).标签中使用
代码语言:javascript
复制
<body><script >javascript 语句</script></body>
<head><script >javascript 语句</script></head>

2.数据类型

JavaScript的数据类型分为:

代码语言:javascript
复制
string
number
boolean
array
object
null
undefined

3.注释

1).单行注释

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

2).多行注释

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

4.特殊符号

代码语言:javascript
复制
\n 换行
\t 制表符 
\b 空格 
\r 回车 
\f 换页符
\\ 反斜杠 
\' 单引号
\" 双引号
\0 x 八进制代码x表示的字符(n是0到7中的一个八进制数字)
\x x 十六进制代码x表示的字符(n是0到F 中的一个十六进制数字)
\u x 十六进制代码x表示的Unicode字符(n是0到F 中的一个十六进制数字)

5.变量声明

1).Var声明
代码语言:javascript
复制
var ss='fsdf'  外部声明的变量可在全局使用
var ss        也可以不声明值,也不会产生错误,唯一的遗憾是会产生变量提升
2).Const 声明
代码语言:javascript
复制
const ss=123   不存在变量提升,可生成块级作用域 ,常用于声明常量,声明后必须赋值
3).Let 声明
代码语言:javascript
复制
let ss=123   不存在变量提升,可生成块级作用域,常用于声明变量,

6.控制结构语句

1).If ......Else
代码语言:javascript
复制
var aa=12
if(aa>3){console.log(1)}
else{alert(1)}

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

2).Do.....While
代码语言:javascript
复制
var i=1
do
 {
 i++;
 console.log(i);
 }
while(i<5)
3).While
代码语言:javascript
复制
var i=1
while(i<5){
    i++;
    console.log(i)
}
4).For
代码语言:javascript
复制
for(let i=1;i<6;i++){
    console.log(i)
}
5).For....In...
代码语言:javascript
复制
#打印了document对象的所有方法
    for(y in document)
        {
            console.log(y)
        }
6.Break、Continue
代码语言:javascript
复制
break    立即终止循环
continue 退出当前循环进入下一个循环
7).标签语句

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

代码语言:javascript
复制
var i=0
label:while(i<10){
    i++;
    if(i==5){
        break label;
}
    else{
        console.log(i)
}
}
8).With语句

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

代码语言:javascript
复制
var aa='fasdffsa'
        with(aa){
            console.log(aa)
        }
9).Switch语句
代码语言:javascript
复制
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');
}
10).For....of
代码语言:javascript
复制
for(let val of iterable){
console.log(val)
}
11).For each ..... in
代码语言:javascript
复制
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
})

总结

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

看完本文有收获?请转发分享给更多的人

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-10-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 IT共享之家 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • JavaScript的基本用法
    • 1.如何使用Js脚本
      • 1).引入Js文件
      • 2).标签中使用
    • 2.数据类型
      • 3.注释
        • 1).单行注释
        • 2).多行注释
      • 4.特殊符号
        • 5.变量声明
          • 1).Var声明
          • 2).Const 声明
          • 3).Let 声明
        • 6.控制结构语句
          • 1).If ......Else
          • 2).Do.....While
          • 3).While
          • 4).For
          • 5).For....In...
          • 6.Break、Continue
          • 7).标签语句
          • 8).With语句
          • 9).Switch语句
          • 10).For....of
          • 11).For each ..... in
        • 总结
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档