js基础入门

cancer
146 阅读2分钟

1.js基础：

  • js是一门面对对象，跨平台的脚本语言
  • 对象：属性方法
  • 面对对象：面向属性和方法，简单理解就是 把每一个东西都当做对象 都是独一无二的，直接面向对象 根据对象 进行操作
  • 脚本：凡是不能独立 需要依托其他执行的都是脚本，也叫做动态语言

js组成：

  • ECMAscript
  • DOM
  • BOM

image.png

mindmap
     ECMA
          JS
            DOM
            BOM

js特点：

  • 1.理解性脚本语言
  • 2.运行在浏览器
  • 3.弱类型语言
  • 4.事件驱动
  • 5.跨平台

js用途

  • 1.嵌入动态文本于html页面中
  • 2.对浏览器事件做出响应
  • 3.读写HTML元素
  • 4.在数据被提交到服务器之前验证数据
  • 检测访客的浏览器信息 （可以使用js代码判断浏览器类型）
  • 控制cookies，包括创建和修改等
  • 基于Node，js技术进行服务器端编程
    • 总结：
    • 视觉交互
    • 数据交互
    • node.js后台交互

- js的引入：

  • 内部
  • 外部
  • 内联

变量的类型

  • 数字类型（number） 12345
  • 字符类型（string） '123456'
  • 未被定义类型（undefined） 未被定义
  • 布尔类型（boolean） true,false；
  • 数组类型（array）[ ]
  • 函数类型（function）
  • symbol es6新增

变量

  1. 全局变量 谁都能用，在函数内也可以
  2. 局部变量，只能在该函数内用，如果这个函数嵌套了子函数，那么父函数定义的变量，子函数也能用，不能颠倒，父亲的钱就是儿子的钱，儿子的钱不是父亲的钱
  3. 块级变量 （）{} 只能在{}生效

js的细节

一次定义一个变量： var a=10 var b=20

一次定义多个变量 var a=10 ，b=20，c="你好"

弱类型： 定义变量只能用var 且变量不需要区分数据类型 一个变量可以装数据类型

变量命名规则：

  • 不能出现中文符号
  • 不能以数字开头
  • 只能是小写英语字母，可以包括数字，字母下划线，$符号
  • 见名知意
  • 不能是保留字和关键子
  • 驼峰命名法

JS数据类型

字符串转换数字类型： parseInt() 是把其它类型转换为整型 parseFloat() 是把其它类型转换为浮点型（小数）

Math.round() 四舍五入 
如： (78.566) -> 78

JS运算符

  • 算术运算符 ： +，-, *, /, %(取余数)
  • 字符串和变量的拼接： +
  • 关系运算符 ： <、>、<=、>=、==、===、!=, !==
  • 逻辑运算符 ： && 与(且)、|| 或、! 非
  • 赋值运算符 ： =、+=、-=、*=、/=、%=
  • 自增、自减 ： ++a, a++, --a, a--
avatar
文章
阅读
粉丝