JavaScript基础语法

基础语法

输出(output)

console.log("Hello World");   // 控制台输出
alert("Hello World");          // 调用windows对象网页弹出对话框
document.write("Hello World") // 网页上输出

output
Windows窗口对象输出

声明变量(declare a variable)

• 变量名不能用数字开头或者使用关键字,可以采取驼峰命名法
• 三种变量声明(three kinds of variable declarations)
  • var
  • let
  • const 声明一个常量

//2 let const 变量名字区分大小写  驼峰命名法 fontColor font_color
let name  // 只初始化未赋值的话会显示一个undefined(未定义的) 推荐使用let
var first_name = "相好" // var 声明的变量未赋值是空白
console.log(name);
console.log(first_name);
let a = 5;
let b = 6;
let c = a + b
console.log(c + 5);
//3 const 常量
const PI = 3.14  // 无法改变否则会报错

Data types(数据类型)

• Boolean(布尔值) true & false
• Number(数字) int float(整数或者浮点数)
• String(字符串) for example: 单双引号包裹的或者`` 包裹的写法
• undefined 表示变量未定义的属性
• null 表示空值的关键字 null value special keyword
• BIgInt
• Symbol 符号
• Object 对象

let visible = true;
let isEqual = false;
console.log(visible);
console.log(isEqual);
let num = 100;
let floatingNum = 12.34;
let negative = -100;
console.log(num);
console.log(floatingNum);
console.log(negative);
let str = "hello";
console.log(str);
let notInitialized = undefined   // 变量还未初始化或者被赋值  未定义的
console.log(notInitialized);    // 字面量 暂时未理解？
console.log(typeof(notInitialized));

Data type conversion(数据类型转换)

• Javascript是动态类型语言，声明变量不用向Java这样的静态语言一样声明数据类型 dynamically typed language
• 可以通过 typeof 查看变量的数据类型

console.log(typeof visible);
console.log(typeof num);
console.log(typeof floatingNum);
console.log(typeof str);
console.log(typeof notInitialized);
console.log(typeof emptyValue);
let age = 15;
console.log(typeof age);
age = "15"
console.log(typeof age);   // javascript 能在代码执行时动态判断数据类型

• Number() 将数字字符串转换为纯数字 NaN 表示不是一个数字parseInt()&parseFloat()将首字母为数字的任意字符串提取小数部分或者整数部分
• 字符串和数字进行+拼接时自动转换为字符串

let result = num + str;
console.log(result);    // javascript 在字符串和数字拼接时会自动转换为字符串
let strNum = "123";
console.log(parseInt(strNum) + num);   // 转换类型并数字相加

comments(注释)

• / / 单行注释
• /* */ 多行注释
• /** 文档注释(生成API文档)*/ 帮助工具

// 姓名
let myName = "listem";
/*
下面的代码是为了完成以下的操作:
    1. 获取表单的值
    2. 提交表单
*/
/**
 * 对两个操作符进行加法运算
 * @param {number} a  第一个操作数
 * @param {number} b  第二个操作数
 * @returns  返回两个操作数的和
 */
function add(a = 1, b = 1) {
    return a + b;  
}
console.log(add(5,6))