JavaScript的几个重要概念

最新推荐文章于 2024-07-12 16:27:40 发布

XT今天你敲代码了么

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量59

点赞数

分类专栏： JavaScript前端基础文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_45104846/article/details/127887515

版权

JavaScript前端基础专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JavaScript的几个重要概念

1.标识符

在JavaScript中所有能由我们自主命名的都称为标识符；

例如：

变量名

函数名

属性名

参数名

类名等

2.标识符命名规则

命名一个合法的标识符必须遵守的规则：

1.标识符中可以包含字母，数字，下划线（_）,美元符($);

2.标识符不能以数字开头；

3.标识符不能与JavaScript的关键字，保留字重名；

3.关键字和保留字

关键字（keyword）就是JavaScript语言内部使用得一组名字（或称为命令），这些名字具有特定的用途，用户不能自定义同名的标识符。

保留字是现在虽然在JavaScript语言中还没有任何规定，但它们可能在将来被作为关键字使用

关键保留字：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XflbulNa-1668586469271)(C:/Users/pc/AppData/Roaming/Typora/typora-user-images/image-20221115104902313.png)]

4.JavaScript注释

JavaScript注释是方便开发者在开发时做一些解释标记，在执行时注释会被忽略。

JavaScript注释分为单行注释和多行注释

1.单行注释

<script>
    //单行注释
</script>

2.多行注释

<script>
    /*
    多
    行
    注
    释
    */
</script>

注释快捷键：ctrl+/

5.JavaScript字面量

数字字面量（Number）：可以是整数，小数或者科学计数（e）

整数：1
小数：3.14
科学计数：123e5

字符串字面量（String）：可以使用单引号或双引号

'我是一个字符串'
"我是一个字符串"

数组（Array）：定义一个数组类型的数据

[2,4,6,8,10]

对象（Object）：定义一个对象类型的数据

{
    name:"对象",
    typeof:"Object"
}

函数（Function）：定义一个函数

 <script>
        function fn(a,b){
            console.log(a*b);
        };
         fn(2,3)
</script>

表达式字面量：用于计算

var n=2*3  //计算完给结果赋值给n

6.JavaScript声明变量

变量是存储数据的容器

变量命名规则

1.只能使用字母数字下划线 $组成

2.不能以数字开头

3.不能使用关键字保留字命名

JavaScript使用关键字 var 来定义变量，使用= 为变量赋值

1.声明并赋值

<script>
//var 变量名=值
var name=JavaScript
//声明一个变量name赋值为JavaScript
</script>

2.先申明在赋值

 <script>
        var age//声明未赋值
        console.log(age)  //undefined
        age=5   //给age赋值 
        console.log(age)  //5
 </script>

3.同时声明赋值多个变量：使用var变量赋值后用，隔开最后一个变量赋值完用；结束

<body>
    <div id="demo"></div>
    <script>
        var age=5,
            name='小白',
            hobby='写代码'
        document.getElementById('demo').innerHTML='我是'+name+'我的年龄是'+age+'岁,我的爱好是'+hobby
    </script>
</body>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MrC6QydE-1668586469273)(C:/Users/pc/AppData/Roaming/Typora/typora-user-images/image-20221115131543508.png)]

变量的使用

<body>
    <div id="demo"></div>
    <script>
        var age=5
        document.getElementById('demo').innerHTML='我的年龄是'+age+'岁'
    </script>
</body>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bikAfPyM-1668586469274)(C:/Users/pc/AppData/Roaming/Typora/typora-user-images/image-20221115130910193.png)]

一条语句不能同时声明多个变量并且赋相同的值

var x,y,z=1;
x,y 为 undefined， z 为 1。

Value = undefined

声明未赋值的情况下使用声明的变量，那么声明的变量值就为undefined

7.变量的拼接

1.完整的输出先写下来，需要替换的地方用**站位

2.删除要替换的

3.写一对引号和外面的引号一致 ‘’

4.在引号之间写两加号’++’

5.在加号间写要替换的变量名’+变量名+’

例子：var name='小白'，
		 age=12，
		 sex='男'；
console.log('我是xxx，我今年xxx，性别xxx，我来学习前端。')
console.log('我是'+name+'，我今年'+age+'岁，性别'+sex+'，我来学习前端。')

8.JavaScript声明数组（Array）

Array对象用于在变量中存储多个值

var Arr=['BOM','DOM','ECMAScript']

第一个数组元素的索引值为 0，第二个索引值为 1，以此类推。

console.log(Arr[0])   //BOM
console.log(Arr[1])  //DOM
console.log(Arr[2]) //ECMAScript

9.JavaScript声明对象（Object）

JavaScript 对象就是一个 name:value 集合。

 var 对象名={
            属性名:'属性值',
            ...
        }
 var car={
            name:'宝马',
            price:200000,
            color:'while'
        }

获取值：对象名.属性名

        console.log(car.name);//宝马
        console.log(car.price);//200000
        console.log(car.color);//while

10.JavaScript声明函数（Function）

函数是由事件驱动或者当函数被调用时执行的可重复的代码块

JavaScript函数语法

声明函数使用关键字function 执行代码块写在{ }内

function 函数名(){
//执行代码块
}

在函数被调用时会执行函数里的代码块

函数调用

函数可以在某个事件发生时调用函数

<button onclick='myFunction()'>点击我执行函数</button>
<script>
  function  myfunction(){
    alert('函数执行了')
    }
</script>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3R3wLKYO-1668586469274)(C:/Users/pc/AppData/Roaming/Typora/typora-user-images/image-20221115142458994.png)]

也可以借助JavaScript在任何位置直接调用

<script>
    myfunction() //函数调用
</script>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fDZIlftG-1668586469275)(C:/Users/pc/AppData/Roaming/Typora/typora-user-images/image-20221115142556315.png)]

XT今天你敲代码了么

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript的几个重要概念

JavaScript的几个重要概念
复制链接

扫一扫

专栏目录

JavaScript的几个重要概念

JavaScript的几个重要概念

1.标识符

2.标识符命名规则

3.关键字和保留字

4.JavaScript注释

5.JavaScript字面量

6.JavaScript声明变量

Value = undefined

7.变量的拼接

8.JavaScript声明数组（Array）

9.JavaScript声明对象（Object）

10.JavaScript声明函数（Function）

“相关推荐”对你有帮助么？