JS基础_JS基础语法

文章目录

JS输出信息方式
JS编写位置
JS注释
JS基本语法
字面量与变量
- 字面量
- 变量
- 声明变量
标识符
基础数据类型
- String 字符串

JS输出信息方式

<!-- JS代码需要编写在script标签中 --><script>// 控制浏览器弹出一个警告框alert("Hello JavaScript 1")// 让计算机在页面body中输出一个内容document.write("Hello JavaScript 2");// 向控制台输出一个内容console.log("Hello JavaScript 3")</script>

JS编写位置

可以将js代码编写到外部js文件中，然后通过script标签引入，写到外部文件中可以在不用的页面中同时引用，也可以利用到浏览器的缓存机制
script标签一旦用于引入外部文件了，就不能再编写代码了，即使写了浏览器也会忽略，如果需要，则可以再创建一个新的script标签，用于编写内部代码

    <script src = "../js/JStest_1.js"></script>

JS注释

多行注释

/*
line-----------1
line-----------2
line-----------n
多行注释中的内容不会被执行，但是可以在源代码中查看
*/

单行注释

//单行注释

JS基本语法

严格区分大小写
每一条语句以分号结尾（如果不写分号，浏览器会自动添加分号；，但是会消耗一些系统资源，而且有时候，浏览器会加错分号，所以在开发中分号必须写）
自动忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化

字面量与变量

字面量

字面量是由语法表达式定义的常量；或通过由一定字词组成的语词表达式定义的常量，都是一些不可改变的值
字面量是常量，其值是固定的，而且在程序脚本运行中不可更改，比如false，1、2、3、3.1415，thisIsStringOfHelloworld ，invokedFunction: myFunction(“myArgument”)
字面量都是可以直接使用，但是我们一般都不会直接使用字面量

变量

变量可以用来保存字面量或其他数据类型，而且变量的值可以任意改变
变量更加方便我们使用，所以在开发中都是通过变量去保存一个字面量，而且很少直接使用字面量
可以通过变量对字面量进行描述，见名思意

声明变量

在JS中使用var关键字来声明一个变量

var a;
//为变量赋值
a = 123;
a = 456;
console.log(a);//声明和赋值同时进行
var b = 789;
console.log(b);//可以通过变量对字面量进行描述，见名思意
var age = 80;
console.log(age);

标识符

在JS中所有的可以由我们自主命名的都可以称为是标识符
例如：变量名、函数名、属性名都属于标识符
命名一个标识符时需要遵守如下的规则：
1、标识符中可以含有字母、数字、_、$
2、标识符不能以数字开头
3、标识符不能是ES中的关键字或保留字
4、标识符一般都采用驼峰命名法
4.1 首字母小写，后面单词的开头字母大写，其余字母小写
xxxYyyZzz aaaBbbCcc
JS底层保存标识符实际上是采用Unicode编码，所以理论上讲，所有的utf-8中含有的内容都可以作为标识符

   var 锄禾日当午 = 234;console.log(锄禾日当午);

基础数据类型

数据类型指的就是字面量的类型，在JS中一共有六种数据类型
String 字符串
Number 数值
Boolean 布尔值
Null 空值
Undefined 未定义
Object 对象
其中String、Number、Boolean、Null、Undefined属于基本数据类型，而Object属于引用数据类型

String 字符串

在JS中字符串需要使用引号引起来，使用双引号或单引号都可以，但是不要混着用

var str = “hello”;
console.log(str);

相同引号不能嵌套，双引号不能放双引号，单引号不能放单引号

var str = '我说：“今天天气真不错！” ';
console.log(str);

在字符串中我们可以使用 \ 作为转义字符，当要表示一些特殊符号时，可以使用 \ 进行转义
\" 表示 "
\’ 表示 ’
\n 表示换行
\t 制表符
\\ 表示 \

JS基础_JS基础语法相关推荐

js基础--javascript基础概念之函数
js基础--javascript基础概念之函数引用w3c介绍: 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. JavaScript 函数语法函数就是包裹在花括号中的代码块,前面使用 ...
Three.js着色器基础【含源码】
着色器(Shader)是在 GPU 上运行的程序.它们被称为着色器的原因是,最初它们只处理3D对象的着色,但后来扩展到了3D对象之外.它们需要与传统编程不同的思维方式,因为程序是针对每个顶点或像素并行 ...
python点操作符语法_最基础的python语法
最基础的pyth语法 1 python严格区分大小写 2 Python中的每一行就是一条语句,每条语句以换行结束 print(1233) print('eeeee') 3 多行编写时语句后边以\结尾 ...
C++ 基础概念、语法和易错点整理
目录基础知识构造函数与析构函数虚函数继承单例模式重载.隐藏和重写(覆盖) vector 扩容机制应注意的问题 STL 迭代器前言快秋招了,专门用一篇博客整理一下 C++ 的一些基础概念 ...
js java用var_Java基础———JavaScript基础知识
原标题:Java基础---JavaScript基础知识 JavaScript基础知识(1) Javascript的历史,Javascript是什么? JavaScript 诞生于 1995 年. 它当 ...
Python零基础入门（一）——Python基础关键字和语法[学习笔记]
Python零基础入门(一)--Python基础关键字和语法目录 1. Hello World! 2. 字符串操作 3. 简单数学计算 4. if elif else 5. 循环基础类型 pyth ...
【ROS基础】ROS_c++ 语法记录
系列文章目录 [ROS基础]Linux 命令行 [ROS基础].launch 文件语法记录 [ROS基础]CMakeLists.txt 文件语法记录 [ROS基础]Package.xml 文件语法记录 ...
CSS基础（emmet 语法,CSS 复合选择器, 布局认知,背景样式）
CSS基础 1. emmet 语法 -- 开发效率 1.1 emmet 语法生成 html 标签 emmet 的特点和作用是什么? 通过简写提高编码效率. emmet 生成 HTML 结构语法序号 ...
Three.js(2)---＞基础篇-Helpers(辅助对象/辅助线)
在Three.js中有许多的Helper(辅助对象)用来帮助我们的开发. 本篇例举几个常见的,方便理解.以及一些效果文章目录前言一.AxesHelper 二.BoxHelper 三.Box3He ...

JS基础_JS基础语法

文章目录

JS输出信息方式

JS编写位置

JS注释

JS基本语法

字面量与变量

字面量

变量

声明变量

标识符

基础数据类型

String 字符串

JS基础_JS基础语法相关推荐

最新文章

热门文章