Jsの基本文法1

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に格納されているのは関数です
    • 関数式の方法の原理は、変数を宣言する方法と同じです。
    • 関数呼び出しコードは、関数本体の後に記述する必要があります

おすすめ

転載: blog.csdn.net/Dhxy1030/article/details/113996254
おすすめ