二阶段js【【1】】面试题 【【2】】语法规则与注释 【【3】】JavaScript的调试语句 【【4】】打断点 【【5】】变量

发布于:2022-11-28 ⋅ 阅读:(202) ⋅ 点赞:(0)

【金山文档】 第二阶段常见面试题

https://kdocs.cn/l/cd5bTIBn8bSX

【【1】】面试题

1.什么是js   

HTML 超文本标记语言   主要用户页面结构

css 层叠样式表    用于结构的布局 样式

基于对象和事件驱动的解释性脚本语言

JavaScript 脚本语法----用于网站的交互

2.js的特性       

 基础对象、事件驱动、解释性、跨平台

3.js的组成

ECMAScript:js的语法标准 是js的核心

DOM:Document Object Model 文档对象模型

BOM:Browser Object Model 浏览器对象模型

4.js的引入方式及特性

行间引入

  <!-- 第一种 行间引入 将js的语法直接写在开始标签上
         注意:双引号不能嵌套双引号  单引号也不能嵌套单引号  但是双引号和单引号可以相互嵌套
         onclick  鼠标点击事件
         alert("提示信息")  浏览器弹窗
         缺点:结构行为不分离  不方便后期维护
     -->
    <button onclick="alert('今天周一')">提交</button>

内部引入

 <!-- 
        第二种 内部引入 
        js代码放在script标签中 script标签可以放在任意位置  代码的执行顺序是从上往下执行
        建议:一般放在head和body的末尾 是因为js一般都是操作标签 我们要确保标签先加载出来
        缺点:结构行为不分离
     -->
     <script>
        //浏览器弹窗
        alert("弹走弹走6")
        //操作div标签   操作p标签
    </script>

外部引入

<!-- 第三种 外部引入
             在外部创建js文件 通过script标签的src属性引入文件 src="js文件路径"
             注意:引入外部文件的script标签 里面不能再写其他的js脚本
    -->
    <script src="./1.js">
        // alert("没有弹走")  不要在这里面再写其他的js代码
    </script>
    <script>
        alert("没有弹走")
    </script>

5.变量的命名的规则

1.以数字 字母 下划线 $组成,但是不能以数字开头

2.不能使用关键字和保留字

3.见名知意 使用驼峰命名(大驼峰和小驼峰都可以)

4.变量不要重名 重名会覆盖

6."a is not defined"代表什么意思

报错信息"a is not defined"      没有声明a变量

7.什么时候会出现undefined

声明变量但是没有赋值 例如:var a;

8鼠标的事件有哪些

onclick : 点击事件

ondblclick:鼠标双击

onmouseover/onmouseenter : 鼠标移入事件

onmouseout/onmouseleave: 鼠标移出事件

onmousemove : 鼠标移动事件

onmousedown : 鼠标按下

onmouseup : 鼠标抬起

oncontextmenu: 鼠标右键显示菜单

onkeydown:键盘按下的时候触发,键盘上任何一个键都可以触发该事件 不区分大小写 返回的是大写的字符编码

onkeyup:键盘抬起的时候触发

onkeypress:键盘按下的时候触发 键盘上的特殊字符无法触发该事件 区分大小写 返回的是大写和小写的字符编码

【2】语法规则与注释

单行注释   // 注释内容   ctrl+/

多行注释   /* 多行注释内容 */  ctrl+shift+/

不是所有人的快捷方式都是这个

设置-键盘快捷键方式-找块注释和行注释

【3】JavaScript的调试语句

语法:alert(提示信息)

-作用:再页面弹出警告框 提示框

-注意:这是一个阻塞性弹窗,一次只能弹一个提示信息

console

- 语法:console.log(输出信息)

- 作用:再控制台打印输出信息,多个输出之间用逗号隔开

【4】打断点

 <script>

        var x = 10;

        var y = 20;

        /*

            控制台-sources-找到运行文件-在行号前面点击一下 出现蓝色标

        */

    </script>

【5】变量

- 变量:存储数据的容器  变量名给存储区域起个名字

- 声明变量  var 变量名 = 值

- 基本用法

1.声明变量  什么情况下会输出undefined? 只声明变量没有赋值结果是undefined

        var a;

        console.log(a);//undefined

      2.声明变量并赋值

        var b = 10;//读作 将等号右边的值赋值给等号左边的b

        console.log(b);//10


 

        3.先声明后赋值

        var x;

        x = 30;

        console.log(x);//30

        4.同时声明多个变量

        var x1 = 10, x2 = 20; //相当于var x1 = 10;  var x2 = 20;

        console.log(x1, x2);

        5.连等的写法

        var x3 = x4 = "周二";

        console.log(x3, x4);

变量的命名规则

      1.以数字 字母 下划线 $组成 但是不能以数字开头

      2.见名知意  遵循驼峰命名 ClassId  classIdStyle

      3.不要使用关键字和保留字  例如 if for break int等等

      4.变量重名会被覆盖