当前位置:   article > 正文

JavaScript总结笔记_js笔记总结

js笔记总结

一.简介

1.1 和Java的关系

本质上来说没有关系

js是1995年由网景公司推出的

1.2 目前的版本

js的标准是ECMAScript

目前我们学习的都是ES6

1.3 定义

是一种具有函数优先级,轻量级,解释型的编程语言

脚本语言

支持面向对象,声明式,函数式的编程

1.4 小知识

js也可以做服务器端的开发,比如node.js

javascript他是甲骨文公司的注册商标

ECMA国际组织他是Javascript的基础指定的

二.JS能干嘛

1.嵌入到动态的HTML页面

2.可以针对浏览器的时间做出响应

3.读写HTML

4.做验证

5.检测访问者的浏览器信息,控制cookies,包含创建修改

6.基于node.js做服务器端的编程

三.How如何学习

1.ECMAScript:

包含语言的基础语法和基本的对象

2.BOM浏览器对象模型:浏览器的交互(定时器,刷新,后退,弹出框)

3.DOM文档对象模型:描述网页的的内容方法和接口(操作浏览器里面的内容)

四.ECMAScript

4.1 语法结构

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <!-- 嵌入js脚本 -->
  9. <script>
  10. //警告框
  11. //alert("123456");
  12. //选择框
  13. //confirm("123456");
  14. //输入框
  15. //prompt("123456");
  16. //控制台日志
  17. console.log("123456");
  18. </script>
  19. <!-- 如果脚本有很多行 -->
  20. <script src="./js/1.js"></script>
  21. <!-- 直接嵌入到某个标签中,此种写法少用 -->
  22. <input type="button" value="点我一下试试"
  23. onclick="javascript:;alert('123456')">
  24. </head>
  25. <body>
  26. </body>
  27. </html>

4.2 变量

  1. //1.声明赋值
  2. //可以通过typeof函数去检测数据类型
  3. myname="武汉佟大为";
  4. console.log(typeof(myname));
  5. myname=123;
  6. console.log(typeof(myname));
  7. //也可以通过类型var来命名
  8. var age;
  9. console.log(age);//undefined 定义了没有赋值
  10. //2.变量的命名
  11. //驼峰造型.见名识意,尽量不要使用关键字或者js内置的变量
  12. //3.在ES6中新增了let命令
  13. {
  14. //全局
  15. var i=1;
  16. }
  17. console.log(i);
  18. {
  19. //局部
  20. let j=1;
  21. }
  22. console.log(j);

4.3 数据类型

4.3.1 undefined

43.2 number

4.3.3 string

4.3.4 Array

4.3.5 boolean

4.3.6 函数

分类

1.系统的函数

alert();

confirm();

console.log();

2.用户自定义

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script>
  9. //var str="window.alert(1)";
  10. //eval(str);//计算str字符串
  11. //自定义函数
  12. //1.js的函数定义可以不用声明返回类型(数据的类型和数据的值有关)
  13. //2.如果js的不写return关键值,返回值就是undefined
  14. function f1(){
  15. //执行函数的业务
  16. //需要返回值可以使用return显示的声明
  17. }
  18. //a和b就是变量名
  19. function f2(a,b){
  20. console.log(a);
  21. console.log(b);
  22. return 1;
  23. }
  24. 4.3.7 Date
  25. f2(1,true);
  26. f2("哈哈");//声明了b,而没有给他初始化--->undefined
  27. let myname=f2(1,2);
  28. console.log("返回值:"+myname);//没有定义返回值,返回undefined
  29. //定义2
  30. let myage=function(age){
  31. console.log(age);
  32. }
  33. myage(20);
  34. </script>
  35. </head>
  36. <body>
  37. </body>
  38. </html>

4.3.7 Date

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible"
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/251406
推荐阅读
相关标签
  

闽ICP备14008679号