Jsの基本的な文法
1.入力および出力文
输入输出语句
prompt(info) 浏览器弹出输入框,用户可以输入
console.log(msg) 浏览器控制台打印输出信息,在后台打开才能查看f12
alert(msg) 浏览器弹出警示框
2.変数
变量的作用,初始化,命名,交换
变量:其是程序在内存中申请的一块用来存放数据的空间
变量的命名:var 变量名
初始化 var 变量名=值
赋值:变量名=值
变量值以最后一次的赋值为准
声明多个变量:var 变量1,变量2,.....;
变量只声明不赋值结果是?
不声明不赋值报错
不声明直接赋值使用可以正常使用
命名规范:变量名的命名严格区分大小写不能以数字开头 由字母 数字 下划线 $组成 不能是关键字 遵守驼峰命名首字母小写后面的单词首字母大写 userName 变量名必须有意义建议使用词典翻译
<script>
var name=prompt('请输入姓名');
alert('欢迎'+name);
var myname='qimukkx';
var age=18;
var address='hyc';
var emaill='[email protected]';
var gz=2000;
console.log(myname);
console.log(age);
console.log(address);
console.log(emaill);
console.log(gz);
</script>
演習:2つの変数の値を交換します
<script>
var a=100;
var b=200;
var c;//临时变量
c=a;
a=b;
b=c;
console.log(a);
console.log(b);
</script>
3.データ型
一、简单数据类型:
1. number 数字型默认值 0 八进制前加0十六进制前加0x Number.MAX_VALUE,Number.MIN_VALUE
isNaN(需要判断的数)方法判断是否非数字、
2. string 字符型默认值" " ,外双内单,内双外单,\n换行\\斜杠\'单引号\"双引号\t缩进\b空格
变量名.length求字符串的长度
字符串的拼接使用+(数值相加字相连)
alert('hello'+' '+'world');//hello world
alert('100'+'100');//100100
alert('11'+12);//1112
案例:用户输入年龄弹出警示框输出年龄
<script>
var age=prompt('请输入年龄');
var str='你'+age+'岁啦!';
alert(str);
</script>
3. Boolean布尔型 默认false
布尔型参与运算时true相当于1,false相当于0
4. undefined变量只声明没有给值,也可以直接作为值,其和数字相加直接报错
5. Null空值其与数字相加还是数字
typeof 数据 判断数据类型
prompt取过来的值是字符型
二、复杂数据类型:object
三、数据类型的转换
1.转化为字符型
变量.tostring();
String(变量);
利用+拼接实现转换效果
2.转化为数字型
parseInt(string);//parseInt('120px')结果是120//parseInt('re10')结果是NaN
parseFloat(string);
Number(string)//强制转换
隐式转换将字符型和数值型做运算
案例:简单加法器
<script>
// var age = prompt('请输入你的出生年份');
// var a = 2021 - age;
// alert(a);
var age = prompt('输入第一个数');
var age1 = prompt('输入第二个数');
var age2=parseFloat(age)+parseFloat(age1);
alert(age2);
</script>
3.转化为Boolean型
Boolean(' ');
Boolean(0);
Boolean(NaN);
Boolean(null);
Boolean(undefined);
以上转换都为false其他都是true
4.識別子、キーワード、予約語
标识符:不能是关键字或者保留字
关键字:break,case,catch,continue,default,delete,do,else,finally,for,function,if,in,instanceof,new,return,switch,this,throw,try,typeof,var,void,while,with等
保留字:预留的关键字后面使用
boolean,byte,char,class,const,double,enum,export,extends,float,goto,implements,import,int,interface,long,private,protected,public,short,static,super,synchronized,throws,transient,volatile
5.オペレーターの強調
1.逻辑与
表达式1&&表达式2
如果第一个表达式的值为真,则返回表达式2
如果第一个表达式的值为假,则返回表达式1
2.逻辑或
表达式1||表达式2
如果第一个表达式的值为真,则返回表达式1
如果第一个表达式的值为假,则返回表达式2
6.ケース:10未満の場合は数値を入力し、前に0を追加します
var num = prompt('请输入一个数');
var result= num<10 ? '0'+num:num;
alert(result);
7.ケース:forループを使用して正と負の三角形を印刷します
反三角
var num=prompt('请输入打印的行数');
var str='';
for(var i=1;i<=num;i++){
for(var j=i;j<=num;j++){
str=str+'*';
}
str=str+'\n';
}
console.log(str);
正三角
var num=prompt('请输入打印的行数');
var str='';
for(var i=1;i<=num;i++){
for(var j=1;j<=i;j++){
str=str+'*';
}
str=str+'\n';
}
console.log(str);
8.関数宣言
2.7関数を宣言する2つの方法
-
カスタム関数メソッド(名前付き関数)
functionキーワードfunctionを使用して、functionメソッドをカスタマイズします
// 声明定义方式 function fn() { ...} // 调用 fn();
- 関数を呼び出すためのコードは、宣言された関数の前または宣言された関数の後に配置できます。
-
関数式モード(無名関数)
関数式の使用方法は次のとおりです。
// 这是函数表达式写法,匿名函数后面跟分号结束 var fn = function(){ ...}; // 调用的方式,函数调用必须写到函数体下面 fn();
- 関数には名前がないため、無名関数とも呼ばれます
- このfnに格納されているのは関数です
- 関数式の方法の原理は、変数を宣言する方法と同じです。
- 関数呼び出しコードは、関数本体の後に記述する必要があります