javaScript基础01

153 阅读3分钟

javaScript

作用

1.嵌入动态文本于HTML页面。 2.对浏览器事件做出响应。 3.读写HTML元素。 4.在数据被提交到服务器之前验证数据。 5.检测访客的浏览器信息。 控制cookies,包括创建和修改等。 6.基于Node.js技术进行服务器端编程。

js主要的内容

  1. ECMAScript语法
  • 变量
  • 数据类型
  • 运算符
  • 分支语句
  • 循环语句
  • 数组
  • 函数
  • 对象
  1. BOM 浏览器对象模型
  2. DOM 文档对象模型

js的引入方式

  1. 内联
  2. 外链
  3. 行内

输出语句

  1. console.log(内容) 在f12的console选项中打印指定文本
  2. alert(内容) 弹窗
  3. document.write(内容) body中输出

变量

创建变量

var 变量名;

变量赋值

变量名 = 值;

变量初始化,在变量声明的同时直接赋值

var 变量 = 值;

变量命名规则
  1. 建议使用大小写英文,阿拉伯数字,美元符号$,下划线_来组成变量,使用有语义化的单词,不要养成用拼音的习惯
  2. 建议使用小驼峰命名法
  3. 不能使用数字开头
  4. 区分大小写
  5. 不能使用关键字,保留字
  6. lIi1oO0 这些字符如果要用可以出现在单词中
使用变量

数据类型

  1. 基础数据类型(简单数据类型、值类型)
  • string 字符串
  • number 数值, 特殊数值类型 NaN, not a number代表非数字
  • boolean 布尔值
  • undefined 未定义
  • null 空值
  1. 引用数据类型(复杂数据类型)
  • function 函数
  • array 数组
  • object 对象

检测数据类型

语法: typeof 变量; // 可以获取到变量中值的数据类型

输入语句

  1. prompt(提示文本) 弹窗,用户输入
  2. confirm(提示文本) 弹窗,用户“确认”或者“取消”

强制类型转换

1.转字符串 - String(变量/值),可以将方法中传进来的值/变量中的值强制转成字符串,并且不会改变原值/变量 2.转数值 - parseInt(),取有效整数,不会改变原值 - parseFloat(),取有效浮点数,不会改变原值 - Number(),推荐使用;不会改变原值;最严谨的:必须是纯数值字符串才能使用; 特殊的地方:Number方法转布尔值false,空字符串和null得到0,转布尔值true得到1

3.转布尔值 - Boolean(变量/值), 只有以下几个值转布尔值是false: ''空字符串,数字0,NaN,undefined,null,布尔值false

运算符

算术运算符 + - * / %
  1. 加法运算

    • 实现算术加法运算,如果参与加法运算两边的值都是数值类型,那么加法运算符+是做算术加法运算
    • 实现字符串拼接,只要是参与运算的值一边不是数值,那么就会进行字符串拼接

隐式类型转换

  1. 加法中,参与运算的有一个值是数值,另一个值不是数值,那么就会将数值隐式转换成字符串,然后进行字符串拼接