【JavaScript】初识JavaScript

芒果Cake

已于 2022-12-13 18:28:16 修改

阅读量258

点赞数

分类专栏： JavaScript 文章标签： javascript

于 2022-12-12 22:10:41 首次发布

本文链接：https://blog.csdn.net/huangwfu/article/details/128294144

版权

JavaScript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

初始JavaScript

前言

1. JavaScript是什么?

JavaScript ：编程语言(脚本语言)

liveScript ==> javaScript ==> ECMAscript(欧洲的计算机协会组织控制javascript的语法和基本对象)

注意：javaScript的版本是有ECMA组织控制的，版本用ES5,ES6,…,ES11标识的

Javascript参考的语言

注意：借鉴Scheme语言，将函数提升到"第一等公民"(first class)的地位。

Javascript是一门轻量级，解释型的语言。

注意1：轻量级，指的是比企业级语言简单
注意2：解释型，编译Javascript语言不需要安装其他环境，使用浏览器即可，浏览器可以直接解释Javascript代码

2. JavaScript能干什么?

渲染(快速生成html结构)
用户体验(网页效果，表单验证)
性能优化

3. JavaScript的组成?

ECMAScript:控制JavaScript的语法和基本对象
BOM：浏览器对象模型(JavaScript依靠浏览器进行解释)
DOM：文档对象模型(html+css),javascript操作html和css

JS的书写位置

外部引入：推荐使用的
内嵌式：练习测试使用
行内引入：不推荐使用，维护不方便。

<!-- 1.外部引入js文件：习惯动作将js引入放到body内部的最后位置 -->
    <!-- 
    ./ :当前目录
    ../:上一级目录
    -->
<script src="./hello.js"></script>

<!-- 2.内嵌式，将js代码直接写在html文件内部 -->
<script>
   alert('我是内部js代码');
</script>

<!-- 3.行内写入js代码 -->
<div class="box" onclick="alert('我是行内js代码')">点击我</div>

JS中的注释

单行注释
多行注释

// 注释提升开发过程中团队协作开发的非常好的方式
    // 1.单行注释
    // 两个斜杠表示，用于注释一行代码，浏览器忽略  ctrl+/
    // 2.多行注释
    // 两个斜杠中间配合星号组成，注释多行代码，shift+alt+A
    /* 多行注释 */

变量的概述

1.变量的概念

变量指的是在程序中保存数据的一个容器
变量是计算机内存中存储数据的标识符(名称)，根据变量名称可以获取到内存中存储的数据(页面中的一切信息)
也就是说，我们向内存中存储了一个数据，然后要给这个数据起一个名字，为了是我们以后再次找到他。

2.变量的语法(语言中约定的规则)格式

var 变量名 = 值
var sex; //声明一个变量，自定义的名称为sex
sex = ‘男’; //初始化,第一次赋值
var name = ‘张三’; //声明变量同时赋值
var age = 20; //声明变量同时赋值

3.变量的命名规则和命名规范

一个变量名称可以由数字、字母、英文下划线（_）、美元符号（$）组成
严格区分大小写,不能由数字开头，不能有空格
不能是保留字或者关键字
关键字：作者已经使用了，并且具有特殊意义的单词.
保留字：未来的关键字，而且有一些已经被使用了.

4.开发者默认声明变量标识符最好的几点建议

变量名尽量有意义（语义化） userName,tel,email,age
遵循小驼峰命名规则，标识符由多个单词组成的时候，从第二个单词开始首字母大写 userName,className
例如：前端frontEnd 后端backEnd
不要使用中文

5.变量的使用场景

值反复使用，重复使用，方便维护和修改。
不确定的值
声明变量放到程序的最开始的位置，除非特殊情况不适合。

 //5.变量的使用场景
    //5.1.值反复使用，重复使用，方便维护和修改。
    var num = 10;
    console.log(num + 1);
    console.log(num + 3);
    console.log(num + 5);
    //5.2.不确定的值
    var num = prompt('请输入一个数字'); //无论输入什么，结果给了变量num
    //5.3.声明变量放到程序的最开始的位置，除非特殊情况不适合。

变量的特点

变量的值可以改变的

var num = 10; //声明变量且初始化
    num = 100; //修改变量的值
    alert(num); //100

变量可以同时声明多个，中间是逗号分割，JavaScript里面的分号(;)表示代码结束。
1. 注意：JavaScript里面的分号表示一行代码结束了，分号是可以选择，如果一行只写一条代码可以省略分号，如果一行多条代码，必须使用分号。
2. 原则：要加就每一行都添加，否则都不添加

var n1 = 1;
var n2 = 2;
var n3 = 3;
//等同于上面的三行代码
var n1 = 1,
  n2 = 2,
  n3 = 3;

变量会写入内存，整个文档script内部都可以使用。
变量是松散类型(弱类型)，声明变量不需要知道当前的变量是什么类型。

var a = 1;
a = 'hello'; //类型不重要，直接声明

变量可以前置访问，变量提升。

// 注意变量声明前就可以访问，只不过值是undefined.
    // 代码的执行顺序是从上到下，从左往右。
    alert(age); //undefined(未初始化，未赋值)
    var age = 18;
    alert(age); //18

对象

1. 类：

一类事物，类是抽象的(不具体，不占据内存)，类是用来生成对象的。比如：人类，动物类

2. 对象：

类下面的具体事物，真实存在的，占据内存的，对象又是由属性和方法构成的。比如：刘德华，华南虎

3. 属性：

对象的特点(外观，样式)。比如：刘德华的身高，体重…

  1. 刘德华.身高
  2. 刘德华.体重

4. 方法：

对象具有的功能。

  3. 刘德华.唱歌()
  4. 刘德华.演电影()

注意：
通过点符号访问对象的属性和方法，属性和方法的区别是方法后面带一个括号，同时括号里面可以添加信息
window.name:属性
window.alert():方法
未来的学习就是掌握作者提供的对象，对象的属性，对象的方法!