zoukankan      html  css  js  c++  java
  • 关于JavaScript初级的知识点一(持续更新 )

    自己刚开始接触JS这是自己一个多月以来的一些总结和回顾。

    一.什么是js?

    js是一种弱类型的脚本语言,是HTML的3大组成部分之一。HTML标签 CSS样式 JS脚本。

    二.js的5种基本数据类型

    1.Number   值是数值

    2.String      值是字符串

    3.Boolean    值是布尔值 (ture, fales)

    4.Null    值为空

    5.Undefine   值为定义

    js的操作符

    • 赋值操作符 : =
    • 算术操作符: + -  *  /%
    • 关系操作符: <  >  ==   <=  >=   !=
    • 条件操作符
    • 逻辑操作符  与 &&   或 ||    非 !
    • 递增递减操作符 ++   ——    i ++     ++i

    操作符的优先级  逻辑非 >算术操作符 > 关系操作符> 逻辑与逻辑或 > 条件操作符> 赋值操作符

    在 js中 ()提升优先级  [] 数组   {} 对象

    三.js的基本特征

    1>js 的特点

    •  一种 解释执行的脚本语言
    • 一种基于对象的脚本语言
    •  一种简单弱类型 脚本语言
    • 一种事件驱动的脚本语言
    • 一种相对 安全的脚本语言
    • 一种跨平台的脚本语言

    2>基于事件驱动的语言

    <1>鼠标事件

    a.点击事件 onclike

    b.移入事件 onmouseover

    c.移出事件 onmouseout和onmouseleave

    d.滚轮事件 onmousewheel   FireFox:DOMMouseScroll

    e.按下事件 onmousedown 

    f. 拖移事件 onmousemove

    g.弹起事件 onmouseup

    <2>键盘事件

    a.键盘按下事件 onkeydown   针对全键盘,不区分大小写

    b.键盘按住事件 onkeypress   针对数字和字母,区分大小写

    c.键盘弹起事件 onkeyup    针对全键盘,不区分大小写

    <3>移动设备的屏幕旋转事件

    onchange

    <4> 添加监听事件

    AddEventListener()添加监听事件 (addEventListener('mouseout',函数名,false));

    attachEvent() IE 浏览器

    (3个参数)a.事件名称

           b.事件执行的函数

           c. 事件捕获

    <5> 移除监听事件

    RemoveEventListener () ;       detachEvent() IE浏览器

    <6>事件一旦被触发,就会生成一个对应事件类型的event对象,可以通过event 对象所包含的数据进行界面操作

    3>

    js是解释型语言,是不需要整体编译的,可以逐行执行。解释型语言是相对于编译型语言而言。

    编译型语言:是整个项目需要先通过编译器成机器能够读懂的机器指令(二进制序列)再去执行。

    四. js的变量定义

    1>. 变量定义需要使用关键字var,如果不使用var,则变量的定义时会被当做全局变量对待。

    变量定义时一定要赋值,否则直接使用会提示变量undefine 

    2>变量的命名规范

    a.数字,字母,下划线,$等。

    b.不能以数字开头

    c.驼峰命名法则

    d.见名知义

    e.区分大小写

    五. 程序执行的三大结构

    1>.默认的为顺序结构

    2>.循环结构

    a.for 循环 

    for(循环变量初始化(1);循环条件(2);循环增量(3){

    循环体(4);

    b. while 循环

    while 循环格式

    while(循环条件){

    循环体}

    c. do-while

    do-while的循环结构

    do{

    循环体;

    }while(循环条件)

    while 和 do-while  相同点在于 都是不知道循环的次数。

    区别:while 循环判断条件为真,执行循环体,有可能一次循环体都不执行。

       do-while 是先执行循环体,在判断条件是否为真,如果为真则继续执行,至少执行一次循环体。

    3>. 分支结构

    <1>.if 语句

    a. if 语句

    if(判断语句){

     语句

    b. if- else 语句

    if(判断语句){

      语句1}else {

      语句2

     }

     语句3

    c. if -else if-...-else语句

    <2>.switch-case 语句 (只能用 break)

    switch(表达式){

    case 值1: 语句1break;

    case 值2:语句2break;

    ...

    default:语句break;

    • 注意点:break是结束当前循环,
    • continue是结束本次循环,进行下次循环,
    • 使用break就已经不再循环了
    • 使用continue还要继续进行循环 

     <3>.三目运算符(条件运算符)

    表达式3 ? 表达式1 :表达式2  

    如果表达式3成立执行表达式1,如果不成立,执行表达式2

  • 相关阅读:
    STM32F2系列系统时钟默认配置
    在电源上叠加一个脉冲信号,模拟一个干扰信号
    const用法
    指向指针的指针
    Judge Route Circle
    汉明距离
    绘制三角形
    OpenGL工作流程
    OpenGL环境搭建
    next()方法 执行下一个中间件 类似than
  • 原文地址:https://www.cnblogs.com/Sabo-dudu/p/5786683.html
Copyright © 2011-2022 走看看