JavaScript——ECMAscript核心语法

最新推荐文章于 2024-08-06 18:26:20 发布

原创最新推荐文章于 2024-08-06 18:26:20 发布 · 451 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #变量 #数据类型

基础专栏收录该内容

61 篇文章

订阅专栏

本文深入浅出地介绍了JavaScript的基础知识，包括其作为脚本语言的角色、如何在HTML中嵌入JavaScript、变量与数据类型的理解、数据类型转换的方法、以及引用数据的概念。特别强调了JavaScript在网页交互中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.什么是JavaScript？

JavaScript 被设计用来向 HTML 页面添加交互行为。
JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。
JavaScript 由数行可执行计算机代码组成。
JavaScript 通常被直接嵌入 HTML 页面。
JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。
所有的人无需购买许可证均可使用 JavaScript。

2.JavaScript放入HTML：

HTML 的 <script> 标签用于把 JavaScript 插入 HTML 页面当中。

如果需要把一段 JavaScript 插入 HTML 页面，我们需要使用 <script> 标签（同时使用 type 属性来定义脚本语言）。

这样，<script type="text/javascript"> 和 </script> 就可以告诉浏览器 JavaScript 从何处开始，到何处结束。

<html>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>

document.write 字段是标准的 JavaScript 命令，用来向页面写入输出。

把 document.write 命令输入到 <script type="text/javascript">与</script>之间后，浏览器就会把它当作一条 JavaScript 命令来执行。这样浏览器就会向页面写入 "Hello World!"。

<html>
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
</body>
</html>

3.变量（动态类型）

定义：

关键字 var 开辟一个内存空间

var a = 'abc'

    a = 89
    
    a = 99.8
    
    a = function(){}

声明 var a

赋值 a = 10

变量的功能：存储数据

4.数据类型

基本数据

Boolean String Number null underfined

null 空对象指针

var obj = null ;// 空对象 obj 里保存了一个地址但是这个地址对应的内存空间没有值

var 你拿的我家的地址 = null

var obj = null ; // 无值初始化

undefined (是null 的派生值 undefined ==null 结果是True)

如果变量只声明未赋值 var a； //a 就是undefined

5.数据类型转换

Number() 任意类型转换为数值类型

var a = '10'       
console.log(Number(a));      //10

//NaN  not a number  非数值

var b = 'saf10'    
console.log(Number(b));      // NaN

var c = 'abc'

console.log(Number(c));   //NaN

var d = True

console.log(Number(d));  // 1

var e = null  

console.log(Number(e));  // 0

var f = undefined 

console.log(Number(f));  // 只声明 但是没赋值 NaN

parseInt() 字符串转换为整型

var a = '10'  

parseInt('a')  // 10


var b = '10afe'

parseInt('b)  // 10

var c = 'ae10abc'

parseInt('c)  // NaN    排查 前几个字符均是能转就转 遇到真正的字母就停止排查

parseFloat() 字符串转换为浮点型

Boolean() 任意类型转换为布尔值

Boolean()转换为false的情况：

1.false
2.NaN
3.null
4.undefined
5.''
6. 0

任意类型转字符串

String(参数)

对象.toString()

对数值、字符串、布尔类型没差别 他俩都可以转化为字符串

但是toString()不能转null和undefined String()

6.引用数据

Object (Array 数组 Function 函数 Date 日期... object 对象)

对象是属性(数据)和方法的集合 他与数组的差别是 ： 数组是有序的 

对象保存的是无序的数据 以键值对存在  key-value（属性名：属性值）


1.字面量（糖衣  来发挥总常用  可读性）

var obj = {}
var obj={
name:'老王',
age:23,
hobbies:['打牌','唱歌','游泳'],
Swimming:function(){
console.log('老王会狗刨')
}

}




2.构造函数（实例）

var obj = new Object()  //obj 实例
obj.name = '老王'
obj.age = 23
obj.Swimming = function(){
console.log('老王会狗刨')
}

//for-in
for (var index in obj){console.log(obj[index)}

数组:

（本质：连续的数据顺序（）连续的存储空间）

数组名字保存数组在内存的首地址

js中的数组是动态的没有固定长度数据有多少，数组长度就有多大

可以保存任意数据类型的数据

var 数组名 = []    // 糖衣法

var arr = ['a',123,'ghdsf',23.456,
['a','b','c'] ,{name:'Lili'}]
//循环 遍历数组

arr.length  数组的长度      数组下标从0 开始  

for() {}  while(){}
forEach() 

//() 代表条件  {} 执行语句
for(var i = 0;i<arr.length;i++){
    console.log(arr[i]);
    
}


//构造函数 

var arr = new Array() 
arr = ['a',123,'ghdsf',23.456,['a','b','c'] ,{name:'Lili'}] 
arr[18] = '18下标'
//随时动态扩充  
(19) ["a", 123, "ghdsf", 23.456, Array(3), {…}, empty × 12, "18下标"]