AI智能
改变未来

JavaScript第一部分总结


JavaScript第一部分总结

一.简介

1.概述

JavaScript是目前web开发中不可缺少的脚本语言,js不需要编译即可运行,运行在客户端,需要通过浏览器来解析执行JavaScript代码。

诞生于1995年,当时的主要目的是验证表单的数据是否合法。

JavaScript本来应该叫Livescript,但是在发布前夕,想搭上当时超热的java顺风车,临时把名字改为了JavaScript。(也就是说js跟java没有关系,当时只是想借助java的名气)。

2.组成

  • ECMAScript——JS语法
  • DOM——页面文档对象模型
  • BOM——浏览器对象模型

3.写法

  • 行内式
  • 内嵌式
  • 外部JS

4.作用

  • 表单动态校验(密码强度检测)
  • 网页特效
  • 服务端开发(Node.js)
  • 桌面程序(Electron)
  • App (Cordova)
  • 控制硬件-互联网(Ruff)
  • 游戏开发(cocoszd-js)

5.js输入输出

  • alert(msg)——浏览器弹出警示框
  • console.log(msg)——浏览器控制台打印输出信息
  • prompt(info)——浏览器弹出输入框,用户可输入

二.基本语法

1.变量

变量是用于存放数据的容器,通过变量名获取数据,甚至数据可以修改。
变量是程序中申请的一块用来存放数据的空间。

  • 声明变量:eg:
    var age;
  • 赋值:
    age = 18;
  • 变量初始化:
    var age = 18;

2.三元运算符

条件表达式 ?表达式1 :表达式2

  • 条件表达式为真——>返回表达式1
  • 条件表达式为假——>返回表达式2

三.数据类型

1.null, undefined 和布尔值

  • Null——空值
  • Undefined——无赋值
  • Boolean——布尔值类型(true,false)
    数据类型转换为布尔值
    Boolean()

2.数字型

JS中八进制前+0,十六进制前+0x

  • 最大值——

    alert ( Number.MAX_VALUE);

  • 最小值——

    alert ( Number.MIN_VALUE);

  • Indinity——无穷大

  • -Indinity——无穷小

  • NaN——非数值

(1)

isNaN()

判断是否为数字型
(2)转换为数字型

  • parselnt(string)

    ——取整,得到整数

  • parseFloat(string)

    ——得到浮点数

  • Number()

    ——强制转化为数字型

  • -,*,/ ——通过运算符转换为数字型

2.字符串

(1)字符串转义字符

  • \\n ——换行
  • \\b ——空格
  • \\ \\ ——斜杠\\
  • \\ ’ ——单引号
  • \\ \” ——双引号
  • \\t ——tab缩进

(2)字符串长度length
(3)字符串拼接(字符串+任何类型=字符串)
(4)转换为字符串

  • toString()
  • String()

    ——强制转换为字符串

  • 加+拼接

3.对象

对象由属性和方法组成的
属性:事物的特征
方法:事物的行为
(1)创建对象object

  • 对象自变量
    var obj = { }
  • new object创建对象
var obj = new Object;obj.uname = ~;
  • 构造函数创建对象
function 名(){this.属性 = ~,this.方法 = ~}new 名();

(2)for…in遍历对象

for (变量 in 对象){console.log(k);//得到属性名console.log(obj[k]);//得到属性值}

4.函数

(1)声明函数

function 函数名 (){}

(2)调用函数

函数名 ();

(3)arguments 对象中储存了传递所有实参,展示形式是一个伪数组
(4)return 可返回数组
(5)函数表达式声明

var 变量 = function(){};变量();

5.数组

(1)利用new创建数组

var arr = new Array();

(2)利用数组字面量创建数组

var arr = [ ];

6.获取变量数据类型 typeof

四.运算符

1.算数运算符

+,-,* ,/ , %

2.递增递减

递增(++)递减(–)

  • 前置:先自加,后返回值
  • 后置:先返回值,后自加

3.比较运算符

< , <= , > , >= , == , != , = = = , ! = =( 值与数据类型)

  • = 赋值
  • ==判断
  • ===全等

4.逻辑运算符

  • &&——与
  • || —— 或
  • !——非

逻辑中断:
表达式1&&表达式2
①表达式1正确,返回表达式2
②表达式1错误,返回表达式1
表达式1 || 表达式2
①表达式1正确,返回表达式1
②表达式1错误,返回表达式2

5.赋值运算符

= ,+= ,-=,/=,%=

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » JavaScript第一部分总结