JS重要知识点小结

JS重要知识点小结

1. 变量与数据类型

1.1 变量声明与赋值

在JS中,我们声明一个变量需要使用var关键字,赋值则使用=号,如下所示:

var num = 5;  //声明并赋值一个数值型变量
var str = 'hello';  //声明并赋值一个字符串型变量
var arr = [1,2,3];  //声明并赋值一个数组型变量

1.2 数据类型

在JS中,数据类型主要包括以下几种:
- 数值型(number)
- 字符串型(string)
- 布尔型(boolean)
- 对象型(object)
- undefined
- null

其中,数值型、字符串型、布尔型和null都是基本类型,其他的都是对象类型。

1.3 数据类型转换

在JS中,我们可以通过parseInt()parseFloat()Number()String()等方法进行数据类型的转换,如下所示:

var str = '3.14'
var num = parseInt(str)  //将字符串类型转换为整数型
var num1 = parseFloat(str)  //将字符串类型转换为浮点数型
var num2 = Number(str)  //将字符串类型转换为数值型
var str1 = String(num)  //将数值型转换为字符串型

2. 函数

2.1 函数的定义与调用

在JS中,我们可以通过function关键字来定义函数,然后通过函数名来进行调用,示例如下:

function add(a,b) {
    return a + b
}

var result = add(1,2)  //调用add函数并输出结果
console.log(result)  //输出:3

2.2 函数的参数与返回值

在JS中,函数可以有多个参数,我们可以通过这些参数将数据传递给函数内部进行处理,最终返回结果,如下所示:

function add(a,b) {
    return a + b
}

var result = add(1,2)  //调用add函数并输出结果
console.log(result)  //输出:3

2.3 匿名函数与回调函数

在JS中,我们还可以使用匿名函数和回调函数,示例如下:

//匿名函数示例
setTimeout(function() {
    console.log('3秒后输出')
},3000)

//回调函数示例
function drink(callback) {
    console.log('喝水')
    callback()
}

drink(function() {
    console.log('洗杯子')
})

3. 控制语句

3.1 条件语句——if-else

在JS中,我们可以通过if-else语句来进行条件判断,示例如下:

var num = 10
if(num > 0) {
    console.log('num是一个正数')
} else if(num < 0) {
    console.log('num是一个负数')
} else {
    console.log('num是0')
}

3.2 循环语句——for循环

在JS中,我们可以通过for循环来进行循环处理,示例如下:

for(var i = 0; i < 5; i++) {
    console.log(i)
}

以上就是JS重要知识点的小结,希望能够对你有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS重要知识点小结 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • js实现字符串转日期格式的方法

    下面是实现字符串转日期格式的方法的完整攻略: 步骤一:创建日期对象 字符串转日期格式,我们需要先将字符串转为日期对象,再对日期对象进行格式化操作。我们可以通过Date对象来创建日期对象。 let dateStr = ‘2021-12-31’; let dateObj = new Date(dateStr); console.log(dateObj); 上面的…

    JavaScript 2023年5月27日
    00
  • JS sort排序详细使用方法示例解析

    JS sort排序详细使用方法示例解析 在 Javascript 中,sort() 是一个常用的排序函数。sort() 可以按照数组元素的字母排序,也可以按照数字大小排序。 sort() 语法 sort() 函数的语法如下: array.sort(sortFunction) 其中,sortFunction 是可选的参数。如果省略该参数,那么 sort() 函…

    JavaScript 2023年6月11日
    00
  • js获取ajax返回值代码

    接下来我将详细讲解JS获取AJAX返回值的完整攻略。 准备工作 在使用JS获取AJAX返回值之前,需要先引入jQuery库,因为AJAX主要是使用jQuery库的ajax方法来实现的。在头部引入jQuery库的代码如下: <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/j…

    JavaScript 2023年6月11日
    00
  • 一次围绕setTimeout的前端面试经验分享

    一次围绕 setTimeout 的前端面试经验分享 问题 题目:实现一个函数 delay(fn, time),该函数接收一个函数和一个时间参数,返回一个新的函数,在调用这个新函数时,会在指定的时间之后执行传入的原函数。 思路:使用 setTimeout 函数来实现该功能。 代码 function delay(fn, time) { return functi…

    JavaScript 2023年6月10日
    00
  • 深浅拷贝,温故知新

    1、深拷贝 1.1、概念 对象的深拷贝是指其属性与其拷贝的源对象的属性不共享相同的引用(指向相同的底层值)的副本。 因此,当你更改源或副本时,可以确保不会导致其他对象也发生更改;也就是说,你不会无意中对源或副本造成意料之外的更改。 在深拷贝中,源和副本是完全独立的。深拷贝与其源对象不共享引用,所以对深拷贝所做的任何更改都不会影响源对象。 1.2、实现方式: …

    JavaScript 2023年5月11日
    00
  • ES6入门教程之Array.from()方法

    ES6入门教程之Array.from()方法 简介 ES6新提供了一个用于将类数组对象或者可迭代对象转换成数组的方法——Array.from()。 语法 Array.from(arrayLike[, mapFn[, thisArg]]) 参数说明: arrayLike:必选参数,又称类数组对象或者可迭代对象,即要转换成数组的对象。 mapFn:可选参数,用于…

    JavaScript 2023年5月27日
    00
  • js 定时器setTimeout无法调用局部变量的解决办法

    当我们在js代码中定义了局部变量,如果要在定时器setTimeout中使用该变量,可能会出现无法调用的情况。这是因为定时器是基于全局变量执行的,而局部变量只能在定义它的函数中使用。 为了解决这个问题,我们可以采用以下两种方法: 方法一:使用闭包 我们可以通过将变量封装在一个函数内部,并返回一个函数的方式创建一个闭包,使得该变量可以被定时器正确调用。以下是一个…

    JavaScript 2023年6月11日
    00
  • JavaScript 语法集锦 脚本之家基础推荐

    JavaScript 语法集锦 脚本之家基础推荐 简介 脚本之家作为国内知名的编程学习网站之一,提供了全面而丰富的 JavaScript 学习资源。其中,JavaScript 语法集锦作为脚本之家网站中最为基础和重要的知识点之一,需要我们关注和掌握。 本篇攻略将整理和总结脚本之家网站中 JavaScript 语法集锦的相关内容,帮助初学者对 JavaScri…

    JavaScript 2023年5月18日
    00
合作推广
合作推广
分享本页
返回顶部