JavaScript学习笔记(正在学)(上)

简介: JavaScript学习笔记(正在学)(上)

基础知识


小知识点


  1. JS中严格区分大小写
  2. JS每条语句用分号结束( ;)
  1. 如果不写分号,浏览器会自动添加,但是会消耗一些系统资源
  2. 而且有些时候,览器会加错分号,所以开发中分号必须写
  1. 运行规则:从上往下依次运行
  2. JS会自动忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化
  3. 关键字


image.png


数据类型指的就是字面量的类型


在JS中一共有六种数据类型

  1. String字符串 基本数据类型
  2. Number数值 基本数据类型
  3. Boollean布尔值 基本数据类型
  4. null空值 基本数据类型
  5. Undefined未定义 基本数据类型
  6. object对象,引用数据类型



hello world


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
    /*
    控制浏览器弹出一个警告框
    alert("哥,你真帅啊!!");
    */
    /*
    让计算机在页面中输出一个内容
    document.write()可以向body中输出一个内容
    document.write("看我出不出来~~");
    */
    /*
    向控制台输出一个内容
    console.log()的作用是向控制台输出一个内容
    */
    alert("哥,你真帅啊!!");
    document.write("看我出不出来~~");
    console.log("你猜我在哪出来呢?");
    </script>
</head>
<body>
</body>
</html>



JS编写位置


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="JS编写位置(外部).js">
    </script>
</head>
<body>
</body>
</html>


Script标签一旦用于引入外部文件了,就不能在编写代码了,即使编写了浏览器也会忽略

如果需要则可以在创建一个新的Script标签用于编写内部代码



注释


/*
多行注释和C语言一样
*/
// 单行注释


字面量和变量


字面量:都是一些不可改变的值(比如:12345)


字面量都是可以直接使用,但是我们一般都不会直接使用字面量

变量:变量可以用来保存字面量,而且变量的值是可以任意改变的;


变量更加方便我们使用,所以在开发中都是通过变量去保存一个字量,而很少使用字面量

通过变量名对字面量进行描述



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script>
        //声明变量
        //在js中使用Var关键字来声明一个变量
        var a;
        a=100;
        console.log(a);
        //声明并赋值
        var b=210;
        console.log(b);
    </script>
</head>
<body>
</body>
</html>


标识符


在JS中所有的可以由我们自主命名的都可以称为是标识符


例如:变量名、函数名、属性名都属于标识符


命名一个标识符时需要遵守如下的规则


标识符中可以含有字母、数字、__、$ (其他的字符都不可以)


标识符不能以数字开头


标识符不能是ES中的关键字或保留字


标识符尽量采用驼峰命名法


转义字符


在字符串中我们可以使用 \ 作为转义字符,当表示一些特殊符号时可以使用 \ 进行转义

\' 表示 '
\" 表示 "
\n 换行
\t 制表符
\\ 表示\
相关文章
|
3月前
|
JavaScript 前端开发 API
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
|
3月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
2月前
|
JavaScript 前端开发
【干货分享】JavaScript学习笔记分享
【干货分享】JavaScript学习笔记分享
63 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的云的学习笔记系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的云的学习笔记系统附带文章源码部署视频讲解等
43 0
|
7月前
|
移动开发 JavaScript 前端开发
webgl学习笔记3_javascript的HTML DOM
webgl学习笔记3_javascript的HTML DOM
76 0
webgl学习笔记3_javascript的HTML DOM
|
7月前
|
JavaScript 前端开发 Java
webgl学习笔记2_javascript基础快速学习
webgl学习笔记2_javascript基础快速学习
55 0
|
7月前
|
前端开发 JavaScript API
JavaScript学习笔记(一)promise与async
JavaScript学习笔记(一)promise与async
|
7月前
|
存储 JavaScript
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
52 0
|
存储 JavaScript 前端开发
【js】函数概述学习笔记(8)
【js】函数概述学习笔记(8)
47 0
|
存储 JavaScript
【js】数组学习笔记(7-2)
【js】数组学习笔记(7-2)
71 0