ChayeORCode/Getter_Setter.html at main · ShifaRabbani/ChayeORCode · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Getter Setter</title>
</head>
<body style="background-color: black ; color: aliceblue;">
    <script>
class User{
constructor(email , password){
    this.email = email,
    this.password = password
}

//  if someone wants to know your password
get password(){
 return `${this._password}shifa`.toUpperCase()  // this will give wrong password
}
set password(vlaue){
this._password = vlaue
}
get email(){
    return `${this._email}shifa`.toUpperCase()
}
set email(num){
this._email = num
}
}
const shifa = new User("@Shfia.ai" , "123abc")
console.log(shifa.password);
console.log(shifa.email);


// ******** getter and setter through propreties************

function user(email , password){
this._email = email;
this._password  = password

Object.defineProperty(this,'email',{
    get : function(){
        return this._email.toUpperCase()
    },
    set : function(value){
        this._email = value
    }
})

Object.defineProperty(this,'password',{
    get : function(){
        return this._password.toUpperCase()
    },
    set : function(value){
        this._password = value
    }
})
}
const chai = new user ("chai@google" , 'helloChai')
console.log(chai.email);
console.log(chai.password);

// ******************** through Object *********************
const user ={
    _email : "Yahoo.com",
    _password :"CBA",

get email(){
return this._email.toUpperCase()
},
set email(value){
this._email = value
}
,
get password(){
return this._password.toUpperCase()
},
set email(value){
this._password = value
}
}
const yaho = Object.create( user) // factory function
console.log(yaho.email);
console.log(yaho.password);

// getter setter used as a private properly that no
// one other perosn access it
    </script>
</body>
</html>