JavaScript基础语法

最新推荐文章于 2021-01-29 15:18:58 发布

corona_sgj

最新推荐文章于 2021-01-29 15:18:58 发布

阅读量127

点赞数 1

分类专栏：前端文章标签： javascript js

本文链接：https://blog.youkuaiyun.com/m0_51984899/article/details/111593623

版权

前端专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了JavaScript的基础语法，包括行内JS、内部JS和外部JS的使用方法，以及如何使用alert和console.log进行基本的交互和调试。此外，还深入探讨了变量的声明与使用、数据类型、数组操作、函数定义及调用、对象创建与使用等内容。

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

JavaScript基础语法

使用方法

1.行内js
直接定义在标签中

<button type="button" onclick="alert('abc')">按钮</button>

2.内部js
建议定义在head标签中或者body标签的最后，编写在script标签中

<script type="text/javascript">
	console.log('控制台打印');
</script>

3.外部js 如果script标签中有src属性，那么当前标签体中的js代码无效

定义一个外部js文件，通过script标签引入进来

		
<script src="js/test.js" type="text/javascript" charset="utf-8">
</script>

alert(); 消息框/弹出框
console.log(); 控制台打印

变量

变量
变量即一个带名字的用来存储数据的内存空间，数据可以存储到变量中，也可以从变量中取出数据。
JavaScript是一种弱类型语言，在声明变量时不需要指明数据类型，直接用var修饰符进行声明。

声明变量方式

1>先声明，再赋值

//先声明，再赋值
var a;
a = 10;
console.log(

2>声明并赋值

//声明并赋值
var b = 11;
console.log(b);

注意点
1.若只声明而没有赋值，则该变量的值为undefined。
2.变量要有定义才能使用，若变量未声明就使用，JavaScript会报错，告诉你变量未定义。
3.可以同时声明多个变量
4.若使用var重新声明一个已经存在的变量，是无效的。
5.若使用var重新声明一个已经存在的变量且赋值，则会覆盖掉前面的值
6.JavaScript是一种动态类型、弱类型语言，也就是说，变量的类型没有限制，可以赋予各种类型的值。

变量提升

JavaScript 引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。
这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升。

只针对于用var修饰的变量，不用var修饰的变量无效
不用var声明的变量是全局变量

数据类型

undefined

undefined类型的值是undefined。
undefined 是一个表示"无"的原始值，表示值不存在。
出现undefined的常见情况：
1.当声明了一个变量而没有初始化时，这个变量的值就是undefined
2.调用函数时，该函数有形参，但未提供实参，则该参数为undefined。
3.函数没有返回值时，默认返回 undefined。

null

null类型是只有一个值的数据类型，即特殊的值null。它表示空值，即该处的值现在为空，它表示一个空对象引用。
使用Null类型值时注意以下几点：
1）使用typeof操作符测试null返回object字符串。
2）undefined派生自null，所以等值比较返回值是true。未初始化的变量和赋值为null的变量相等。

布尔类型

布尔类型有两个值：true、false。常用来做判断和循环的条件

数值型

数值型包含两种数值：整型和浮点型。
1）所有数字（整型和浮点型）都是以 64 位浮点数形式储存。所以，JS中1 与 1.0 相等，而且 1 加上 1.0 得到的还是一个整数。浮点数最高精度是17位小数，由于浮点数运算时可能不精确，尽量不要使用浮点数做判断。
2）在存储数值型数据时自动将可以转换为整型的浮点数值转为整型。

字符串

使用 ’ ’ 或 " "引起来，如：‘hello’，“good”。
使用加号 ‘+’ 进行字符串的拼接，如：console.log(‘hello’ + ’ everybody’);

对象

对象是一组数据和功能的集合。

说明：{}：表示使用对象字面量方式定义的对象。空的大括号表示定义包含默认属性和方法的对象

数组

创建数组方式
1.隐式创建
2.直接实例化
3.创建并赋予长度
属性
设置长度数组名.length = 值;
获取长度数组名.length

取值/设置值
数组名[索引] 取值
数组名[索引] = 值设置值

遍历:for循环;for in循环;forEach循环

//普通for遍历   可以遍历出 正常数据和空数据
for(var i = 0; i < arr2.length; i++){
	console.log(arr2[i]);
}

//for..in    可以遍历出 正常数据和属性
for(var num in arr2){
	console.log(num);
}

//forEach  方法的形参 ele:数据    index:索引      可以遍历出 正常数据
arr2.forEach(function(ele,index){
	console.log(ele,index);

方法:

后追加 push; 前追加unshift ; 后删除pop; 前删除shift ;反转reverse

以某个字符分隔数据 join

返回字符在数组中的索引indexOf

截取slice ; 替换splice ;拼接concat

函数

函数的声明

函数声明语句(作用域可以提升)

function 函数名(参数列表){
…
}
调用：函数名(参数);

//fun(); 放到这里,也是可以调用函数的.作用域的提升
function fun1(){
	console.log("abc");
}
//调用
fun1();

函数定义表达式

var 函数名 = function(参数列表){
…
}
调用：函数名(参数);

//函数定义表达式
var fun2 = function(){
	console.log("函数定义表达式");
}
//调用
fun2();

Function构造函数

Function构造函数
var 函数名 = new Function(‘参数1’,‘参数2’,‘执行语句’);

注意：
1. js中的函数没有重载，同名的函数，会被后面的函数覆盖。
2. js中允许有不定数目的参数，后面介绍arguments对象

函数的参数、调用和return语句

参数

实参可以省略，那么对应形参为undefined

若函数形参同名（一般不会这么干）：在使用时以最后一个值为准。

可以给参数默认值：当参数为特殊值时，可以赋予默认值。

参数为值传递，传递副本；引用传递时传递地址，操作的是同一个对象。

函数的调用

1>常用调用方

2>函数调用模式

3>方法调用模式

return

函数的执行可能会有返回值，需要使用return语句将结果返回。return 语句不是必需的，如果没有的话，该函数就不返回任何值，或者说返回 undefined。

作用：

1>在没有返回值的方法中，用来结束方法。

2>有返回值的方法中，一个是用来结束方法，一个是将值带给调用者。

函数的作用域

函数作用域：全局 (global variable) 和局部 (local variable)

全局变量与局部变量同名问题

在函数中定义变量时，若没有加var关键字，使用之后自动变为全局变量

函数转换

函数转换数据必须是字符串
parseInt()
在转换之前，首先会分析该字符串，判断位置为0处的字符，判断它是否是个有效数字，
如果不是，则直接返回NaN，不再继续，如果是则继续，直到找到非字符
parseFloat()
该方法与 parseInt() 方法的处理方式相似，从位置 0 开始查看每个字符，直到找到第一个非有效的字符为止，
然后把该字符之前的字符串转换成数字。不过，对于这个方法来说，第一个出现的小数点是有效字符。如果有两个小数点，第二个小数点将被看作无效的，parseFloat()方法会把这个小数点之前的字符串转换成数字。

显示转换
几乎每个数对象都提供了toString()函数将内容转换为字符串形式，其中Number提供的toString()函数可以将数字转换为字符串。
Number还提供了toFixed()函数将根据小数点后指定位数将数字转为字符串，四舍五入

对象

json对象
创建
1.字面量形式创建对象

//1.字面量形式创建对象
var obj1 = {
	name:'zhansgan',
	age:20
};
console.log(obj1);

2.通过new Object对象创建

//通过new Object对象创建
var obj2 = new Object();
obj2.name = 'lisi';
obj2.job = 'programmer';
console.log(obj2);
console.log(obj2.jo

3.通过Object对象的create方法创建对象。

//通过Object对象的create方法创建对象。   以某个对象为模板去创建对象
var obj3 = Object.create(null);
obj3.age = 10;
console.log(obj3);
			
var obj3 = Object.create(obj1);
obj3.name = 'wangwu';
console.log(obj3);
console.log(obj3.nam