javascript 基本教程

var x, length
x = 5
length = 6
console.log(length)

在这里插入图片描述
打印输出length var 声明变量 console.log控制台打印输出

数据类型

// 数据类型 string-字符串 number-数字  boolean-布尔值  undefined- 未定义 null -空
let  name = 'mosh0';
let age = 30;
let isApproved=false;
let firstname=undefined;
let lastname=null;

console.log(age)
声明变量时 必须已;结尾
注释 //表示
字符串 用单引号或用双引号

数组

//数组指多个对象

// let selectedcolors = ['red','blue'];
// selectedcolors[2]='green'
// console.log(selectedcolors[0],selectedcolors);
var cars=new Array("Saab","Volvo","BMW");
console.log(cars[0])
console.log(cars[1])
console.log(cars[2])

在这里插入图片描述
对象

let name='mosh';
let age=30;
let person={
    name:'mosh',
    age:30

};
// dot name
person.name='john';
//dot [name]

person['name']='jo';
//按修改后的最后一个值来

console.log(person);
console.log(person.name)
console.log(person.name)

在这里插入图片描述
let 也是声明变量

运算符

=	x=y	 	x=5	实例 »
+=	x+=y	x=x+y	x=15	实例 »
-=	x-=y	x=x-y	x=5	实例 »
*=	x*=y	x=x*y	x=50	实例 »
/=	x/=y	x=x/y	x=2	实例 »
%=	x%=y	x=x%y	x=0

比较运算符和逻辑运算符


==	等于	x==8	false	实例 »
x==5	true	实例 »
===	绝对等于(值和类型均相等)	x==="5"	false	实例 »
x===5	true	实例 »
!=	 不等于	x!=8	true	实例 »
!==	 不绝对等于(值和类型有一个不相等,或两个都不相等)	x!=="5"	true	实例 »
x!==5	false	实例 »
>	 大于	x>8	false	实例 »
<	 小于	x<8	true	实例 »
>=	 大于或等于	x>=8	false	实例 »
<=	 小于或等于	x<=8	true



&&	and	(x < 10 && y > 1)true
||	or	(x==5 || y==5)false
!	not	!(x==y)true

条件语句

在 JavaScript 中,我们可使用以下条件语句:

if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
switch 语句 - 使用该语句来选择多个代码块之一来执行

var  age =21;

if (age<20)
{
    x="Good day";
    console.log(x)
}
else
{
    x="Good evening";
    console.log(x)
}

在这里插入图片描述
for 循环

for(var i = 1; i <= 10; i++){
    console.log('皮皮虾我们走~'); }

在这里插入图片描述
while 循环

var i=1;
while (i<=10){
    console.log('皮皮虾我们走');
    i++;
}

在这里插入图片描述

函数

function  greet(name,lastName){
    console.log('hello world' +' ' + name+ ' ' + lastName);
}

greet('john','smith')


function square(number){
    return number * number;

}
let number=square(2);

console.log(number);

在这里插入图片描述
调用函数

面向对象

function Animal(name) {
    this.name = name // 属性
    this.sleep = function() { // 方法
        return 'zzZZ~'
    }
}

// 上面看起来向一个函数,但实际上它是一个对象,如果你使用 “new” 的方式执行它
var cat = new Animal('cat')

console.log(cat.name) // cat
console.log(cat.sleep()) // sleep

在这里插入图片描述
在对象方法中, this 指向调用它所在方法的对象

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值