前端——Javascript

目录

一、简介:
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%E4%B8%80%E3%80%81%E7%AE%80%E4%BB%8B%3A>

二、特点：
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%E4%BA%8C%E3%80%81%E7%89%B9%E7%82%B9%EF%BC%9A>

三、组成：
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%E4%B8%89%E3%80%81%E7%BB%84%E6%88%90%EF%BC%9A>

四、与html的结合方式
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%E5%9B%9B%E3%80%81%E4%B8%8Ehtml%E7%9A%84%E7%BB%93%E5%90%88%E6%96%B9%E5%BC%8F>

五、语法：
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%E4%BA%94%E3%80%81%E8%AF%AD%E6%B3%95%EF%BC%9A>

5.1  变量 
<https://blog.csdn.net/weixin_42598585/article/details/88375558#5.1%C2%A0%20%E5%8F%98%E9%87%8F%C2%A0>

5.1  逻辑语句：
<https://blog.csdn.net/weixin_42598585/article/details/88375558#5.1%C2%A0%20%E9%80%BB%E8%BE%91%E8%AF%AD%E5%8F%A5%EF%BC%9A>

    if语句
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%C2%A0%C2%A0%20%C2%A0if%E8%AF%AD%E5%8F%A5>

    switch语句
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%C2%A0%C2%A0%20%C2%A0switch%E8%AF%AD%E5%8F%A5>

    while 系类语句
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%C2%A0%C2%A0%20%C2%A0while%20%E7%B3%BB%E7%B1%BB%E8%AF%AD%E5%8F%A5>

    for循环语句
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%C2%A0%C2%A0%20%C2%A0for%E5%BE%AA%E7%8E%AF%E8%AF%AD%E5%8F%A5>

    跳转语句：
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%C2%A0%C2%A0%20%C2%A0%E8%B7%B3%E8%BD%AC%E8%AF%AD%E5%8F%A5%EF%BC%9A>

    异常处理语句：
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%C2%A0%C2%A0%20%C2%A0%E5%BC%82%E5%B8%B8%E5%A4%84%E7%90%86%E8%AF%AD%E5%8F%A5%EF%BC%9A>

5.2  运算符：
<https://blog.csdn.net/weixin_42598585/article/details/88375558#5.2%C2%A0%20%E8%BF%90%E7%AE%97%E7%AC%A6%EF%BC%9A>

算术运算符
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%E7%AE%97%E6%9C%AF%E8%BF%90%E7%AE%97%E7%AC%A6>

关系运算符
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%E5%85%B3%E7%B3%BB%E8%BF%90%E7%AE%97%E7%AC%A6>

对象运算符：
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%E5%AF%B9%E8%B1%A1%E8%BF%90%E7%AE%97%E7%AC%A6%EF%BC%9A>

逻辑运算符：
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%E9%80%BB%E8%BE%91%E8%BF%90%E7%AE%97%E7%AC%A6%EF%BC%9A>

位运算符：
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%E4%BD%8D%E8%BF%90%E7%AE%97%E7%AC%A6%EF%BC%9A>

其他运算符：
<https://blog.csdn.net/weixin_42598585/article/details/88375558#%E5%85%B6%E4%BB%96%E8%BF%90%E7%AE%97%E7%AC%A6%EF%BC%9A>

arguments对象：
<https://blog.csdn.net/weixin_42598585/article/details/88375558#arguments%E5%AF%B9%E8%B1%A1%EF%BC%9A>

js的重载（面试）：
<https://blog.csdn.net/weixin_42598585/article/details/88375558#js%E7%9A%84%E9%87%8D%E8%BD%BD%EF%BC%88%E9%9D%A2%E8%AF%95%EF%BC%89%EF%BC%9A>

六、重点操作

6.1 Javascript——dom 和 bom , Cookies
<https://blog.csdn.net/weixin_42598585/article/details/88697329>

6.2 Javascript——数据类型及其方法
<https://blog.csdn.net/weixin_42598585/article/details/88785549>

 

一、简介:

*     基于对象和事件驱动的语言，应用于客户端
*     基于对象：提供好了对象，可以直接拿过来使用
*     事件驱动：html做网站静态效果，js动态效果
*     客户端：专门指的是浏览器
二、特点：

*     交互性（信息的动态交互）
*     安全性（不可以直接访问本地硬盘）
*     跨平台性(只要支持js的浏览器，都可以运行)
三、组成：

*     ECM 
*     BOM    浏览器对象模型
*     DOM    文档对象模型
四、与html的结合方式

*     使用一个标签 <script type="text/javascript"></script>
*     引入外部的文件<script type="text/javascript" src="被引用的js文件路径"></script>    
                    注意：使用该方式的时候，就不要在js标签里面写js代码，不会执行

DHTML 是很多技术的简称

    html : 封装数据

    css : 使用属性和属性值设置样式

    dom ：操作html文档

    js : 专门指的是js的语法语句

 

五、语法：

5.1  变量 

var : 声明变量

       type(变量名称)  查看变量的数据类型

5.1  逻辑语句：

    if语句
if 语法： if(条件表达式1){ 代码块1； }else if(条件表达式2){ 代码块2； }else{ 代码块3； }
    switch语句
语法： switch(条件表达式){ case 标签1： 代码段; break; case 标签2: 代码段; break; ... default:
代码块N; }
    while 系类语句
while 语法： while(条件表达式){ 循环执行代码块 } 时机：先检查条件，在执行循环 条件不满足则循环一次也不执行 do-while 语法：
do{ 循环执行的代码块 }while(条件表达式);          时机：希望一个动作至少被执行一次时
    for循环语句
for 语法: for(循环变量 = 初值；循环条件；递增/递减计数器){      循环代码块 }                  for-in 语法：
for(声明变量 in 对象){ 循环代码块 } // 两个拿到的都是索引，需要根据索引在取值
    跳转语句：
return | break | continue
    异常处理语句：
throw 主动抛出异常 try       指明需要处理的代码块 catch 捕获异常 执行代码块 finally 后期处理
5.2  运算符：

算术运算符

    + - * / %  += -= *= /= %= 

    i++ ++i  i-- --i

关系运算符

    < > <= >= 

    == != (比较的是返回值)

    === !== (比较的是返回值及数据类型)

    比较原则：

        null 与 undefined 相等

        NaN  与任何数值都不想等包括其自身

        对象 是否属于同一对象

对象运算符：

      in    判断左侧运算数是否为右侧运算数的成员

    instanceof        判断对象实例是否属于某个类或构造函数

    new        根据构造函数创建一个新的对象，并初始化该对象

    delete        删除指定对象的属性，数组元素或变量

    . 及 []        存取对象和数组元素

    ()            函数调用，改变运算运算符优先级等

逻辑运算符：

    ！逻辑非

    && 与    短路操作

    || 或

位运算符：

    空

其他运算符：

    三元运算符   var ret = a > b ? a ： b;

    typeof         类型判定运算符

    ,            在一行语句中执行多个不同的操作

    void        舍弃运算数的值，返回undefined作为表达式的值

 


  



 

 引入知识：

        直接向页面输出的语句： document.write();

arguments对象：

        功能：存放实参的参数列表

        属性：

            length:获取函数实参的长度

            callee：返回当前正在只想的的函数

            caler: 返回调用当前正在执行函数的函数名
function myFunction(a, b) {  return arguments.length;  }
 

js的重载（面试）：

    1）js中不存在重载

    2）js中可以模拟实现重载的效果，js中的参数都存在 arguments 这个数组里面。用if-else来模拟
if（arguments.length == 2）{ return arguments[0]+arguments[1]; }else
if（arguments.length == 3）{ return arguments[0]+arguments[1]+arguments[2];
 

 

• « 上一篇：将你的前端应用打包成docker镜像并部署到服务器？仅需一个脚本搞定
• » 下一篇：Android Studio无法识别Genymotion设备的解决方法