当前位置:首页 » 《关注互联网》 » 正文

学习前端第四天-js

27 人参与  2024年10月17日 11:20  分类 : 《关注互联网》  评论

点击全文阅读


一.JS概念

avaScript(简称 “JS”)是一种具有函数优先的轻量级、解释型或即时编译型的编程语言。

1.特点:

客户端脚本语言

JavaScript 通常在客户端(如浏览器)中运行,用于实现网页的动态交互效果。它可以响应用户操作,如点击按钮、输入文本等,并实时更新网页内容,而无需重新加载整个页面。例如,当用户在网页上点击一个按钮时,JavaScript 可以捕获这个事件,并执行相应的操作,如显示一个弹出窗口、更新页面上的某个元素等。

解释型语言

JavaScript 是一种解释型语言,这意味着它不需要经过编译过程就可以直接在运行环境中执行。浏览器内置的 JavaScript 解释器会逐行读取和执行 JavaScript 代码。这种特性使得 JavaScript 的开发和调试相对快速和方便,开发者可以在浏览器的开发者工具中实时查看代码的执行结果,并进行调试。

动态类型

JavaScript 是一种动态类型语言,变量的类型在运行时确定,而不是在编译时确定。这意味着开发者可以在不同的时间将不同类型的值赋给同一个变量。例如,一个变量可以先存储一个数字,然后存储一个字符串,而不需要在代码中明确声明变量的类型。

面向对象和函数式编程

JavaScript 支持面向对象编程(OOP)和函数式编程(FP)两种编程范式。在面向对象编程方面,JavaScript 可以创建对象、定义类和继承等。例如,可以使用构造函数和原型链来创建对象,并实现继承关系。在函数式编程方面,JavaScript 提供了函数作为一等公民的特性,即函数可以像变量一样被赋值、传递和返回。这使得开发者可以使用函数式编程的技术,如高阶函数、闭包等,来编写更加简洁和可维护的代码。

2.应用场景

网页开发

服务器端开发

移动应用开发

桌面应用开发

3.JS基础知识

一、变量和数据类型

变量声明

使用 letconst 和 var 关键字声明变量。let 和 const 是 ES6 引入的新方式,具有块级作用域,而 var 存在变量提升且作用域相对较广。例如:let x = 10;const y = 20;

数据类型

基本数据类型:包括 number(数字)、string(字符串)、boolean(布尔值)、nullundefined。引用数据类型:如 object(对象)、array(数组)、function(函数)。

算术运算符

如 +(加)、-(减)、*(乘)、/(除)、%(取余)。

比较运算符

==(相等)、===(严格相等)、!=(不相等)、!==(严格不相等)、<(小于)、>(大于)、<=(小于等于)、>=(大于等于)。

逻辑运算符

&&(与)、||(或)、!(非)。

条件语句

if...else:根据条件执行不同的代码块。

例如:

   numbers.push(6);   numbers.pop();   numbers.shift();   numbers.unshift(0);   const slicedArray = numbers.slice(1, 3);

switch:根据不同的情况执行不同的代码块。

例如:

   numbers.push(6);   numbers.pop();   numbers.shift();   numbers.unshift(0);   const slicedArray = numbers.slice(1, 3);

循环语句

for:用于已知循环次数的情况。例如:
   numbers.push(6);   numbers.pop();   numbers.shift();   numbers.unshift(0);   const slicedArray = numbers.slice(1, 3);
while:在条件为真时重复执行代码块。例如:
   numbers.push(6);   numbers.pop();   numbers.shift();   numbers.unshift(0);   const slicedArray = numbers.slice(1, 3);
do...while:先执行一次代码块,然后在条件为真时重复执行。例如:
   numbers.push(6);   numbers.pop();   numbers.shift();   numbers.unshift(0);   const slicedArray = numbers.slice(1, 3);

函数

使用 function 关键字声明函数。例如:
   numbers.push(6);   numbers.pop();   numbers.shift();   numbers.unshift(0);   const slicedArray = numbers.slice(1, 3);
函数表达式 将函数赋值给一个变量。例如:
   numbers.push(6);   numbers.pop();   numbers.shift();   numbers.unshift(0);   const slicedArray = numbers.slice(1, 3);
箭头函数 ES6 引入的一种简洁的函数写法。例如:
   numbers.push(6);   numbers.pop();   numbers.shift();   numbers.unshift(0);   const slicedArray = numbers.slice(1, 3);

对象创建

使用对象字面量创建对象。例如:
   numbers.push(6);   numbers.pop();   numbers.shift();   numbers.unshift(0);   const slicedArray = numbers.slice(1, 3);
访问对象属性 使用点表示法或方括号表示法。例如:
   numbers.push(6);   numbers.pop();   numbers.shift();   numbers.unshift(0);   const slicedArray = numbers.slice(1, 3);

数组创建

使用数组字面量创建数组。例如:
   const numbers = [1, 2, 3, 4, 5];
方法常见的方法有 push(添加元素到末尾)、pop(删除末尾元素)、shift(删除首元素)、unshift(添加元素到开头)、slice(截取数组部分)等。例如:
   numbers.push(6);   numbers.pop();   numbers.shift();   numbers.unshift(0);   const slicedArray = numbers.slice(1, 3);


点击全文阅读


本文链接:http://zhangshiyu.com/post/173010.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1